Back to all tools
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

100%
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.

  1. 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.
  2. 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.
  3. Watch it draw liveThe picture updates as you type, and a message points at the line if the syntax is wrong.
  4. 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.