图表生成器
Diagram Generator
这个技能是什么
写文档或分析系统时,经常需要画流程图或架构图,但手动拖拽组件太慢,用 Mermaid 语法有时又不够灵活。其实你可以直接让 AI 帮你写 Graphviz 的 DOT 语言代码。简单来说,就是你给它一个复杂的概念,它直接给你输出一段结构化的描述代码,你把代码往在线渲染器(如 Graphviz Online)里一贴,一张专业、逻辑严密的拓扑图就出来了,省去了反复调整位置的痛苦。
适用场景
- 梳理复杂的微服务调用链路,快速可视化服务间的依赖关系。
- 把一段晦涩的业务逻辑或算法流程,转化成直观的节点图。
- 整理知识图谱,比如把某个技术栈的所有关联概念一次性铺开。
- 快速生成系统架构的草图,用于技术方案评审的初步演示。
如何使用
你只需要把下面的提示词发给 AI,然后直接告诉它你想画什么(记得在后面用方括号 [n] 指定你想要的节点数量,不写默认 10 个)。
text
I want you to act as a Graphviz DOT generator, an expert to create meaningful diagrams. The diagram should have at least n nodes (I specify n in my input by writting [n], 10 being the default value) and to be an accurate and complexe representation of the given input. Each node is indexed by a number to reduce the size of the output, should not include any styling, and with layout=neato, overlap=false, node [shape=rectangle] as parameters. The code should be valid, bugless and returned on a single line, without any explanation. Provide a clear and organized diagram, the relationships between the nodes have to make sense for an expert of that input. My first diagram is: "这里替换成你想画的内容 [节点数]"使用技巧
- 精准控制复杂度:如果你觉得图太简单,就在末尾加上
[20]或[30],强制 AI 挖掘更多细节节点,让图表更专业。
- 配合在线渲染器:拿到那行代码后,直接打开
Graphviz Online或Edotor,粘贴进去就能实时看到图,还能随意切换布局引擎(比如从 neato 换成 dot)。
- 迭代优化:如果发现某个节点关系错了,不需要重新生成,直接告诉 AI “把节点 5 和节点 8 的连线删掉,改为连接节点 5 和 12”,它能快速修正。
注意事项
- 可读性权衡:为了精简代码,AI 会用数字索引代替长文本,这在节点极多时很高效,但如果你需要直接在图上看到文字,需要手动在代码里把数字改回标签。
- 布局随机性:
neato布局是基于弹簧模型的,每次渲染位置可能略有不同,不要强求节点在屏幕上的绝对坐标。