graphviz和dot绘制流程图

graphviz和dot绘制流程图

step1:下载graphviz,https://graphviz.org/download/

step2:安装,记得添加环境变量

step3:验证是否安装成功 dot --version

bash 复制代码
C:\Users\wangrusheng>dot --version
dot - graphviz version 12.2.1 (20241206.2353)

step4:开始写流程图代码,保存在本地

C:\Users\wangrusheng\Downloads\flow.dot

bash 复制代码
digraph {
    rankdir="LR";

    graph [fontname="helvetica", fontsize=12];
    node [fontname="helvetica", fontsize=10];
    edge [fontname="helvetica", fontsize=10];

    start [shape="plaintext", style="rounded", label="I want to extract\nmembers from a zip file."];
    
    fewlarge [shape="box", label="Do you have a few\nlarge files zip files\nwith tens\nof thousands\nof members?"];
    manysmall [shape="box", label="Do you have\nmany small files\nwith a few\ndozen members?"];
    extractsome [shape="box", label="Do you need\nto extract many\nmembers but\nnot all?"];

    end [shape="plaintext", style="rounded", label="Use vanilla unzip."];
    unzippa [shape="plaintext", style="rounded", label="Maybe unzippa is faster."];

    {
        rank=same; start; fewlarge; manysmall; end;
    }
    {
        rank=same; extractsome; unzippa;
    }

    start -> fewlarge;
    fewlarge -> manysmall[label="No"];
    fewlarge -> extractsome[label="Yes"];
    manysmall -> end[label="No"];
    manysmall -> extractsome[label="Yes"];
    extractsome -> end[label="No"];
    extractsome -> unzippa[label="Yes"];
}

step5:用命令行,生成图片

bash 复制代码
Microsoft Windows [版本 10.0.26100.3915]
(c) Microsoft Corporation。保留所有权利。

C:\Users\wangrusheng>dot --version
dot - graphviz version 12.2.1 (20241206.2353)

C:\Users\wangrusheng>dot -Tpng "C:\Users\wangrusheng\Downloads\flow.dot" -o "C:\Users\wangrusheng\Downloads\flow.png"

C:\Users\wangrusheng>

step6:去对应目录打开图片,就能看到效果

end

相关推荐
<花开花落>11 天前
AI 辅助生成 Mermaid 流程图
ai·流程图·mermaid·tool
晓华-warm12 天前
Warm-Flow发布1.7.4, 设计器和流程图优化
java·中间件·流程图·组件·flowable·工作流·activities
邪恶马铃薯14 天前
Deepseek+墨刀,1min快速生成流程图!
流程图·墨刀
lgldl14 天前
AI自动生成复杂架构图,流程图,思维导图
人工智能·ai·流程图
蓝爱人14 天前
Vue3中使用 Vue Flow 流程图方法
javascript·vue.js·流程图
打码人的日常分享17 天前
智慧园区建设资料合集(Wordppt原件)
大数据·物联网·流程图·智慧城市·制造
小马爱打代码22 天前
计算机系统设计:E-R图、类图、时序图、功能结构图、流程图、用例图、架构图
流程图
꧁༺摩༒西༻꧂23 天前
DeepSeek生成流程图
流程图
斯内科23 天前
C#使用MindFusion.Diagramming框架绘制流程图(3):加权图的最短路径算法
流程图
向明天乄25 天前
Maotu流程图编辑器:Vue3项目中的集成实战与自定义流程开发指南
javascript·编辑器·vue·流程图