D2 Editor
Export
Loading…
Find & Replace
Reset
Load from GitHub
↑
↓
×
Replace
All
Case insensitive
Regex
Layout
Dagre
ELK
TALA (unavailable in browser)
Sketch
Rendering…
Connect
Move
Rename
Shape
Name
Delete
✕
Cancel
×
Source
Download .d2 file
Copy source to clipboard
Diagram
Download SVG
Download PNG
GitHub
Save to GitHub (create PR)
View PR
Editor
Preview
Export
Reset editor
Choose what to replace the current source with:
Clear to blank
Empty diagram — start from scratch
Reset to example
Restore the built-in sample diagram
Cancel
Connect to GitHub
Create a token at
github.com/settings/tokens
with
repo
scope, then paste it below.
Connect
Token is stored locally in your browser
Cancel
Select Repository
Loading repositories…
Cancel
Select D2 File
Loading…
Also upload to repo
PNG (adjacent to .d2 file)
SVG (adjacent to .d2 file)
Confirm
Cancel
Label edge (optional)
Label node
Label edge (blank to remove)
Icon URL —
browse icons.terrastruct.com
Add node
✕
Shape
✕