Agent Framework 支持将 Workflow 自动导出为 Mermaid 和 Graphviz 图,从而实现工作流可视化

📅 2026/7/22 14:34:32
Agent Framework 支持将 Workflow 自动导出为 Mermaid 和 Graphviz 图,从而实现工作流可视化
目录示例运行结果MermaidDOT当一个Workflow包含多个Executor并且它们之间存在复杂的执行关系时仅通过阅读代码往往很难快速理解整个工作流的结构。此时工作流可视化Visualization就能够帮助开发者更加直观地查看Workflow的拓扑结构并验证整个Workflow是否符合预期设计。Agent Framework提供了两个Workflow的扩展方法用于生成工作流可视化描述ToMermaidString()生成 Mermaid 图表格式。ToDotString()生成 Graphviz DOT 图表格式。我们使用之前的这篇文章的例子示例我们构建完工作流之后不需要运行工作流只需要调用 ToMermaidString() 或 ToDotString() 方法即可生成对应的可视化描述。var workflow builder.Build(); // Mermaid Console.WriteLine(Mermaid 字符串: \n); var mermaid workflow.ToMermaidString(); Console.WriteLine(mermaid); Console.WriteLine(); // DOT Console.WriteLine(DiGraph 字符串: *** 提示 导出DOT作为图像请安装Graphviz并将DOT输出管道到 dot -Tsvg, dot -Tpng 等命令。 *** \n); var dotString workflow.ToDotString(); Console.WriteLine(dotString); Console.WriteLine();运行结果我们看到输出结果分别生成了 Mermaid 图表描述语言Mermaid Diagram Syntax和 Graphviz DOT 图表描述语言Graphviz DOT Syntax我们找个个在线工具来渲染这些图表描述语言便可以直观地看到整个工作流的拓扑结构。MermaidDOT源代码地址https://github.com/bingbing-gui/dotnet-agent-playbook/tree/master/src/ai-agent/Agent-Framework/48-WorkFlow-Visualization引入地址