GitHubData Visualization & Charts · Diagrams as code
Embeddable WYSIWYG editor for Mermaid diagrams — drag nodes, rename labels and change shapes, with Monaco and CodeMirror bindings plus a headless mode.
Why it’s a gem
Maps rendered SVG back to a CST, so edits preserve your comments and formatting.
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.
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.
Renders digital timing diagrams and register maps from a compact JSON description, in browser or CLI.