图表生成器

Diagram Generator
分类编程
作者philogicae
许可MIT
评分4.00/5
使用11.0K

这个技能是什么

写文档或分析系统时,经常需要画流程图或架构图,但手动拖拽组件太慢,用 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 OnlineEdotor,粘贴进去就能实时看到图,还能随意切换布局引擎(比如从 neato 换成 dot)。
  • 迭代优化:如果发现某个节点关系错了,不需要重新生成,直接告诉 AI “把节点 5 和节点 8 的连线删掉,改为连接节点 5 和 12”,它能快速修正。

注意事项

  • 可读性权衡:为了精简代码,AI 会用数字索引代替长文本,这在节点极多时很高效,但如果你需要直接在图上看到文字,需要手动在代码里把数字改回标签。
  • 布局随机性neato 布局是基于弹簧模型的,每次渲染位置可能略有不同,不要强求节点在屏幕上的绝对坐标。