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 rendererAll Six Export Formats
With this addition, SymFlowBuilder now supports six export formats:
| Format | Extension | Use Case |
|---|---|---|
| YAML | .yaml | Symfony framework config |
| JSON | .json | symflow npm package |
| TypeScript | .ts | Type-safe Node.js projects |
| Mermaid | .mmd | Markdown-embedded diagrams |
| DOT | .dot | Graphviz rendering, CI pipelines |
| PHP | .php | Laravel with symflow-laravel |
All formats are accessible from the export dropdown or the preview drawer tabs.