editor
Edit nodes
Select exactly 1 node to edit its label and styling.
Group selected nodes
Move selected nodes into/out of grouping boxes
Shift+click a group box to move the selection into it.
Shift+click the diagram background to move the selection out of all groups.
Create Links...
... by clicking a node (or group box) in the diagram.
... to new nodes
Each label creates a node which will be linked to all selected nodes
Templates
Click a template to load it into the editor.
Saved in this browser
LocalStorage
Thumbnails are saved per browser.
No saved maps found yet.
Examples
16
Quick reference
Title: My new graph
Title position: bottom-left
Background: White
Default node colour: red
Default node shape: rounded
Default node border: 1px dotted green
Direction: top-bottom
Label wrap: 20 characters
Spacing along: 20
Spacing across: 20
A:: Actual text for A[colour=red | border=1px solid blue]
--A grouping box containing B and C
B:: Text for B
----An inner grouping box containing C
C:: Text for C
----
--
F:: some text not in any grouping box
A | Q -> B | C
D -> Needs no alias
D -> E [label=some edgelabel | border=1px solid seagreen | label style=italic | label size=10]
A -> B [seagreen]
A -> B [increases | 1px]
Notes: comments start with
#. Attributes are inside [...] and separated by |.
Loading help…