GitHubData Visualization & Charts · Diagrams as code
Generates interactive architecture diagrams directly from a codebase so documentation follows the source.
Why it’s a gem
Architecture docs that regenerate from source instead of quietly rotting
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.