VisQuill Graphics Development Kit
A TypeScript-based Graphics Development Kit for developing reactive, interactive data visualizations.
Define relationships between visual elements — the system keeps everything consistent automatically. No update logic, no manual re-rendering. Built for tools where interaction, constraints, and geometry must stay in sync.
Core Principles
Reactive by Design
Changes to data propagate automatically to dependent elements. When a point is modified, connected shapes update without manual re-rendering or additional update logic.
Geometry-Based Architecture
All elements share a common geometric foundation. Relationships remain consistent — modifying a point directly affects connected structures.
Declarative Constraints
Relationships are described declaratively rather than implemented procedurally. The system handles dependency calculations and ensures automatic updates when underlying values change.
When to Use VisQuill
VisQuill is not a charting library. For standard bar charts, line charts, or dashboards, established libraries are the right choice. VisQuill is for interactive systems where geometry, constraints, and user interaction are tightly integrated — where defining relationships once and maintaining consistency during interaction is the core problem.
Suitable For
- Interactive geometric tools and editors
- Constraint-based visualization systems
- Exploration interfaces with structural relationships
- Dynamic data lenses and focus mechanisms
- Animated explanatory graphics
Not Intended For
- Static charts with minimal interaction
- 3D graphics applications
- Extremely high-performance rendering scenarios
- Simple procedural animations without data binding
The Package
@visquill/visquill-gdk
npm · v1.0.0The foundational graphics development kit. Provides geometric primitives, reactive systems, and constraint-based relationships for building custom visualization tools from scratch.
Capabilities
- Reactive geometry primitives (points, shapes, values)
- Declarative constraint system
- Scene graph with hierarchical transforms
- Built-in interaction and animation systems
- Computational geometry utilities
VisQuill Lab
A living repository of demos, examples, and reusable components built with the GDK. Things get added, changed, and refined over time. The Lab is a workshop, not a product — everything is MIT licensed.
Design
TypeScript
Complete type definitions, static analysis, and full development tooling support.
Integrated Reactivity
Points, shapes, and values function as reactive nodes. Changes propagate through a dependency graph without manual coordination.
Web Standards
SVG rendering, CSS styling. Standard web technologies for presentation — no proprietary rendering pipeline.
Licensing
VisQuill GDK uses a tiered licensing model based on how the library reaches end users. Development, evaluation, and non-user-facing use are always free.
Free
€0Personal, educational, open-source, research, non-commercial projects
Use is non-commercial — including user-facing applications. A small VisQuill.com attribution label must remain visible.
Solo / Small
Individual developer or small studio
Commercial use of the GDK, at a price point that works for independent developers and small teams.
Hosted / SaaS
Company or organization
Commercial use of the GDK within a company. Company-wide, unlimited developers.
OEM / Redistribution
The GDK ships inside a product distributed or licensed onward
Your product containing the GDK is sold, licensed, or distributed to your customers for their own use.
Built with the GDK
VisQuill Lens is a fully functional geographic data exploration tool built entirely on the GDK — a real-world example of what constraint-based, reactive geometry produces when taken to a finished product.
VisQuill Lens
Drag interactive lens overlays across a map to explore and compare geographic data. Runs entirely in the browser — no server, no account, no data leaves your computer. Available as a standalone web app and a Power BI custom visual.
Try VisQuill Lens →