Graph Manufacture

🔒 Your diagram text stays in your browser Quick feedback Email feedback

Templates

Pick a starting point. It replaces the text in the editor.

Clear the editor?

Empties the text of the current diagram. You can take it back with Undo.

Or remove all diagrams that this browser has saved, in every format. This cannot be undone.

Save source

Diagrams in this Markdown file

Pick the diagram to edit. Saving the source writes it back into the Markdown file.

Requirement table

IDs are four digits and are given automatically, unique across all your diagrams (tabs). Empty rows are dropped. Ctrl + Enter saves.

Export for AI

Only the exported file is converted, your tabs stay as they are. A coding AI reads Mermaid or PlantUML much better than draw.io XML, which is long and holds positions and colours instead of structure. Converting can drop details (colours, layout, some shape kinds); the file says when that happened.

Keyboard shortcuts

Ctrl + ZUndo (also for conversions, templates and opened files)
Ctrl + Shift + Z or Ctrl + YRedo
Ctrl + SSave source
Ctrl + OOpen file
Ctrl + Shift + SExport SVG
Ctrl + PExport PDF (print)
Ctrl + SpaceSuggestions and snippets in the editor (↑ ↓, Enter or Tab to insert)
Ctrl + FFind in the diagram (Enter next, Shift + Enter previous)
Alt + NNew diagram tab
Alt + 1 … 5Mermaid, PlantUML, Graphviz, SysML v2, draw.io
+ − 0Zoom in, zoom out, reset view (outside the editor)
Mouse wheel / dragZoom and pan the preview
Double-clickReset the preview, or the divider to 50/50
PPresentation mode: fullscreen with only the diagram (outside the editor). Arrow keys pan, Esc leaves
?Show this list (outside the editor)

On a Mac, use ⌘ instead of Ctrl.