VisQuill Graphics Development Kit
A TypeScript-based Graphics Development Kit for developing reactive, interactive data visualizations.
VisQuill is designed for building highly interactive, geometry-driven visualization systems. Instead of writing update logic for every change, you define relationships between elements — the system keeps everything consistent automatically. Perfect 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
Because 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 geometric dependency calculations and ensures automatic updates when underlying values change.
Scope and Positioning
VisQuill is not a traditional charting library. For standard visualizations such as bar charts, line charts, or dashboards, established libraries are generally appropriate.
VisQuill focuses on interactive systems where geometry, constraints, and user interaction are tightly integrated. It is suitable for applications that require structural relationships between visual elements.
The emphasis is on defining relationships once and maintaining consistency during interaction, including dragging, zooming, filtering, or transformation.
Intended Use
VisQuill is intended for engineers developing interactive visualization systems beyond standard charts. It provides geometric primitives and a reactive foundation for applications where structural consistency under interaction is required.
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
What's Available
VisQuill consists of one installable package — the GDK — and VisQuill Lab, a source repository of demos and reusable examples built with it.
@visquill/visquill-gdk
npm packageThe 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
VisQuill Lab is a living repository of demos, examples, and reusable components built with the GDK. It is not intended to be exhaustive or complete — things get added, changed, and refined over time. Parameters may be missing, patterns may evolve, and some examples are more finished than others. That's intentional.
The Lab is a workshop, not a product. Everything is MIT licensed — use it as a source of ideas and starting points, adapt what's useful, and expect it to grow.
Design Rationale
Many visualization libraries primarily address rendering. VisQuill focuses on structural relationships between geometric elements. Geometry, constraints, and interaction are treated as first-class components.
TypeScript Integration
Implemented in TypeScript with complete type definitions, enabling static analysis and development tooling support.
Integrated Reactivity
Points, shapes, and values function as reactive nodes. Changes propagate through a dependency graph without manual coordination.
Alignment with Web Standards
Rendering is based on SVG and styling via CSS. Standard web technologies are used for presentation.
Licensing
VisQuill GDK is free for non-commercial use — personal, educational, open-source, and research projects. A small VisQuill.com label rendered by the GDK must remain visible and may not be removed.
Code in VisQuill Lab is MIT licensed and free for any use. Commercial licensing for the GDK will be announced alongside the stable release. Questions in the meantime: contact@visquill.com.