Render a custom lightweight diagram DSL as a live, draggable node-and-edge
diagram directly inside VS Code — no external services (no Mermaid, no
PlantUML). Parsing and layout (via dagre)
happen entirely inside the extension.
Features
Open a live preview of a diagram written in the DSL via the
Diagram: Open Preview command.
Nodes and edges are laid out automatically and can be dragged around in the
preview panel.
Works on plain text/Markdown files — just write the DSL and preview it.
See DSL_GUIDE.md for the full syntax reference and example
prompts for generating diagrams with an AI assistant.
Usage
Open a file containing diagram source written in the DSL.
Run the Diagram: Open Preview command from the Command Palette
(Cmd+Shift+P / Ctrl+Shift+P).
The rendered diagram opens in a side panel and updates as you edit the
source file.
Requirements
No external dependencies or services are required.