Back to all tools
Type text,
DBT VISUAL TOOLKIT
Type text,
get a diagram
No boxes to drag — type steps line by line for a flowchart, or an indented outline for a mind map or org chart. The diagram redraws as you type; export a PNG for reports and slides or share a link your group can keep editing. Know Mermaid? Sequence, ER, class, Gantt and timeline diagrams work on the same page.
- Flowchart · Mind map · Org chart · Mermaid
- Drawn in the browser
- Nothing leaves your device
4drawing modes
FLOW MIND MAP ORG MERMAID
DIAGRAM
The diagram draws itself as you type
Type on the left or pick an example to start
Generated Mermaid code (paste into Notion / GitHub / Obsidian)
HOW TO USE
How to turn text into a diagram
Type text and it draws the picture. Four modes: flowchart, mind map, org chart and full Mermaid.
-
Pick the mode that fitsFlowchart for a process, mind map for brainstorming, org chart for a hierarchy, Mermaid for anything else such as sequence or Gantt charts.
-
Type one line at a timeFor a flowchart write one step per line; for mind maps and org charts indent a line to make it a child of the one above.
-
Watch it draw liveThe picture updates as you type, and a message points at the line if the syntax is wrong.
-
Export or shareDownload PNG for slides or SVG for a printed report, or copy a link so a teammate can keep editing.
Tips
- Use SVG in a project book — the lines stay sharp at any size.
- If a chart runs off the page, split it into two rather than shrinking it past legibility.
- The Mermaid mode uses the same syntax as GitHub and Notion.