April 24, 2026featureexportgraphviz

Export Workflows as Graphviz DOT Diagrams

Graphviz DOT Export

SymFlowBuilder now supports exporting your workflow as Graphviz DOT notation — the standard graph description language used by tools like Graphviz, dot, and dozens of renderers.

Click the export dropdown and choose DOT (Graphviz) to get the output.

Why DOT?

DOT is a plain-text format that describes graphs. It is supported everywhere:

  • Documentation — embed diagrams in Markdown, AsciiDoc, or LaTeX with Graphviz plugins
  • CI pipelines — generate workflow diagrams automatically from your config
  • Presentations — render publication-quality SVG or PDF diagrams
  • Code reviews — include a rendered diagram in your PR description
  • Wiki pages — GitHub, GitLab, and Confluence all support Graphviz rendering

Example Output

A simple order workflow exports as:

digraph "order" {
    rankdir=LR;
    node [shape=circle, style=filled, fillcolor="#2a2a3e", fontcolor="white", fontsize=10];
    edge [fontsize=9];

    "draft" [peripheries=2];
    "submitted";
    "approved";

    "draft" -> "submitted" [label="submit"];
    "submitted" -> "approved" [label="approve"];
}

Rendering

You can render DOT files with any Graphviz-compatible tool:

bash
# Command line
dot -Tsvg workflow.dot -o workflow.svg
dot -Tpng workflow.dot -o workflow.png

# Or use an online renderer

All Six Export Formats

With this addition, SymFlowBuilder now supports six export formats:

FormatExtensionUse Case
YAML.yamlSymfony framework config
JSON.jsonsymflow npm package
TypeScript.tsType-safe Node.js projects
Mermaid.mmdMarkdown-embedded diagrams
DOT.dotGraphviz rendering, CI pipelines
PHP.phpLaravel with symflow-laravel

All formats are accessible from the export dropdown or the preview drawer tabs.