Graphviz to Mermaid Converter
Enable "Show DOT preview" to render the Graphviz output.
flowchart LR
start(("Start"))
choose{"Need cache?"}
cache[("Cache")]
api("API")
retry{{"Retry"}}
done((("Done")))
start --> choose
choose -->|yes| cache
choose -->|no| api
api ---|5xx| retry
retry -->|retry| api
cache --> done
api --> done
style start stroke:seagreen4,fill:palegreen
style choose stroke:goldenrod4,fill:khaki
style cache stroke:steelblue,fill:lightcyan
style api stroke:steelblue,fill:lightyellow
style retry stroke:indianred,fill:mistyrose
style done stroke:gray35,fill:lightgray
linkStyle 0 stroke:seagreen4,stroke-width:2px
linkStyle 1 stroke:royalblue,stroke-dasharray: 6 4
linkStyle 2 stroke:tomato3,stroke-dasharray: 2 3
linkStyle 3 stroke:orangered3
linkStyle 4 stroke:orangered3,stroke-width:2px
linkStyle 5 stroke:darkgreen,stroke-width:2px
linkStyle 6 stroke:gray35,stroke-dasharray: 6 4Rendering diagram...
FAQ
It focuses on converting DOT graphs into Mermaid flowcharts. Nodes and directed edges are supported, while some Graphviz-only styling attributes may be ignored.
Warnings indicate parts of DOT syntax that do not have a direct Mermaid equivalent. The converter keeps the graph structure and skips unsupported styling.
Yes. Copy the generated Mermaid code and paste it into Mermaid Live Editor, Markdown files, or tools that support Mermaid rendering.