D2 Studio
turn plain text into clean SVG diagrams with automatic node
D2 Studio!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! — turn plain text into clean SVG diagrams with automatic node layout
How to use D2 Studio
- Type diagram text on the left, e.g. web -> api: REST calls
- Name nodes with web: Web App and add # comments anywhere
- Press Render diagram to rebuild the layout from your text
- Click any node in the diagram to highlight its connections
- Download the result as an SVG file with the SVG button
Features
- Plain-text diagram language: nodes, connections, labels and comments
- Deterministic layered auto-layout engine with cycle-safe depth assignment
- Live SVG rendering with arrowheads, edge labels and back-edge curves
- Click a node to highlight its connections across the diagram
- One-click export to a standalone, self-contained SVG file
Frequently asked questions
Is it free?
Yes, unlimited.
Login to use this free online tool. Create a free account to get started.
