Reactive geometry for interactive data visualization
The VisQuill GDK is a TypeScript library for interactive, geometry-based data visualization. Describe how the elements of a graphic relate to each other, and they stay that way while people drag, zoom and explore.
Built with VisQuill
Maps to drag, zoom and explore
A few favourites from the gallery: New York's 311 calls, collisions along the A1, Ireland's west coast and the path of the sun. Open one and try it.
On LinkedIn
Visualizations people connect with
Shared on LinkedIn, these visualizations drew thousands of reactions, the most popular more than 14,000.
The GDK
How the GDK works
The GDK is made for graphics where geometry, constraints and user input depend on each other: a circle that follows a handle, a lens that sums up the data beneath it. For a standard bar or line chart, a charting library is the simpler choice.
Reactive values
Move a point and everything that depends on it follows, from lines and labels to computed values, without re-render calls or manual synchronization.
Geometric primitives
Points, shapes and values share one geometric foundation, so distances, angles and positions stay correct while elements move.
Declarative constraints
Say that a label sits next to a point or a circle is centred on a handle. The GDK tracks the dependencies and keeps these rules in place while people interact.
The Lab
100+ examples to try and copy
Small, focused examples for the GDK, covering geometry, animations, plots, maps and lenses. Each one runs in the browser next to its source code. All of it is MIT licensed, so take what you need.
Custom work
Need one for your own data?
Custom interactive visualizations, from the first sketch to the finished, deployed result, built on the GDK.