Mermaid is a popular text-based diagramming language. You describe your diagram in plain text and it's rendered as an SVG — no dragging shapes, no lock-in. MyToolsBag uses the official Mermaid engine.

What diagrams can I make?

Flowcharts, sequence diagrams, class diagrams, Gantt charts, pie charts, state diagrams, entity-relationship diagrams and more.

Can I export the diagram?

Yes. Download the result as a scalable SVG or a high-resolution PNG image.

Is my diagram private?

Yes. Rendering happens 100% in your browser — your source text never leaves your device.

Flowchart Generator

Turn plain text into flowcharts, sequence diagrams, Gantt charts and more using Mermaid syntax. Live preview and PNG / SVG export.

Load example:

Mermaid source

Live preview

How to Use the Flowchart Generator

Pick a diagram type or start typing Mermaid syntax.
Watch the preview update live as you edit.
Export as SVG (crisp / editable) or PNG (shareable image).

Mermaid cheat sheet

flowchart TD           Top-Down flowchart (LR / RL / BT also work)
  A[Rectangle]         Node with rectangle shape
  B(Rounded)           Rounded rectangle
  C{Decision}          Diamond (decision)
  D((Circle))          Circle
  A --> B              Arrow
  A -- label --> B     Labeled arrow
  A -.-> B             Dotted arrow
  A ==> B              Thick arrow

Frequently Asked Questions

Related tools

Paint Markdown Editor QR Code Generator