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 4
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 4

FAQ

See also: