GitHubData Visualization & Charts · Diagrams as code
Renderer and modelling toolkit underneath bpmn.io, providing canvas, palette, connection routing and undo for custom editors.
Why it’s a gem
The engine behind BPMN editors, reusable for any node-and-edge editor
Zero-dependency TypeScript diagrams-as-code library that produces layouts without bundling Graphviz or a headless browser.
Extensible text-to-diagram library rendering to SVG or Canvas in the browser and to PNG/JPG/SVG in Node, with a plugin system for new diagram types.
Declarative diagram language with three pluggable layout engines, sketch mode, adaptive dark mode and animated multi-board diagrams.
Embeddable WYSIWYG editor for Mermaid diagrams — drag nodes, rename labels and change shapes, with Monaco and CodeMirror bindings plus a headless mode.
Drop a SQL, Prisma, DBML, pgModeler or MySQL Workbench file and get an interactive ER diagram behind one shareable link, with a CI API.
Generates cloud architecture diagrams from a concise code description of components and connections.