Define the relationships. VisQuill keeps them in sync.
A geometry-first TypeScript kit for building reactive, interactive data visualizations. Describe how visual elements relate once — geometry, data, and interaction stay consistent as things change and users explore.
How it works
Three ideas do the work
VisQuill is built on a small set of principles that hold the whole system together.
Reactive by design
Change a value and every dependent element updates itself — no re-render calls, no manual sync logic to maintain.
Geometry-first
Points, shapes, and values share one geometric foundation, so relationships hold as elements move and data changes.
Declarative constraints
Describe how elements relate once. VisQuill resolves the dependency graph and keeps it true throughout interaction.
Fit
Not a charting library
For standard bar, line, or dashboard charts, reach for an established library. VisQuill is for interactive systems where geometry, constraints, and interaction are tightly integrated — where defining relationships once and holding them steady 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 effects
- Animated explanatory graphics
Not intended for
- Static charts with little interaction
- 3D graphics applications
- Extreme high-performance rendering
- Simple procedural animation without data binding
What you get
One package, plus an open workshop
@visquill/visquill-gdknpm · v1.0.1npm i @visquill/visquill-gdk- Reactive geometry primitives — points, shapes, values
- Declarative constraint system
- Scene graph with hierarchical transforms
- Built-in interaction and animation
- Computational geometry utilities
TypeScript-native
Complete type definitions and full tooling support.
Reactive core
Points, shapes, and values are reactive nodes; changes propagate through a dependency graph.
Web standards
SVG rendering, CSS styling — no proprietary rendering pipeline.
VisQuill Lab is a living workshop of demos and reusable components — MIT licensed, free for any use.
Open the LabLicensing
Free to build with. Licensed when it ships to users.
Development, evaluation, and non-user-facing use are always free. Commercial, user-facing use is tiered by how the library reaches people.
Free
€0Personal, educational, open-source, research, non-commercial
Non-commercial use, including user-facing apps. Keep a small "Made with VisQuill" attribution visible.
Solo / Small
Individual developer or small studio
Commercial use of the GDK, priced for independents and small teams.
Hosted / SaaS
Company or organization
Company-wide commercial use, unlimited developers.
OEM / Redistribution
The GDK ships inside a product distributed onward
Your product containing the GDK is sold, licensed, or distributed to your customers.
VisQuill Lab stays MIT regardless of tier. Early-adopter pricing is available for the first commercial licensees.
In the wild
Taken all the way to a product
VisQuill Lens — a browser-based geographic exploration tool — is built entirely on the GDK. It's one example of what constraint-based, reactive geometry produces when finished.
Next steps
Keep going
Tutorials
Step-by-step interactive tutorials — drag the geometry, read the code, download as a standalone project.
Explore the Tutorials