用Markdown方式从文本生成图表和流程图—Mermaid
Mermaid是一个基于Javascript的图表绘制工具,它使用基于Markdown的文本定义和渲染器来创建和修改复杂的图表。Mermaid的主要目的是帮助文档跟上开发进度!Mermaid被提名并获得了“最令人兴奋的技术”类别的JS开源奖(2019年)!!!
https://github.com/mermaid-js/mermaid
图表和文档编制耗费了开发人员宝贵的时间,而且很快就过时了。但没有图表或文档会破坏生产力,并损害组织学习。mermaid通过减少创建可修改的图表所需的时间、精力和工具来解决这个问题,从而实现更智能、更可重用的内容。mermaid的文本定义使其易于更新,也可以使其成为生产脚本(和其他代码段)的一部分。也就是说mermaid是为了平衡开发人员时间的一种工具,更具生产力!
下面我们可以查看几个案例
- 流程图
- 顺序图
- 甘特图
- 类图
- 状态图
- 饼状图
- 用户体验旅程图
Mermaid是一个非常不错的工具,有效的提升了编写各种图表的效率上,可以将Mermaid看作是一个图表脚本语言,使用Javascript实现,官方具备详细的文档,感兴趣的小伙伴不要错过!
使用Kimi来一键生成流程图,节省99%的工作时间
同事发来一张流程图,是根据前几天的会议总结的周末团建流程图,还说做这张图花了半天时间,我说你有会议纪要,只需要使用AI,1分钟就能出流程图,根本不用自己一点点琢磨。
Kimi、通义千问等都支持总结提炼文本,并基于文本内容输出流程图,我今天分享一下使用Kimi及通义千问实现流程图制作的方法
- 我们先看看Kimi制作流程图的能力,我们要求Kimi给出西游记中的人物关系组织结构图
- 实现过程
登录Kimi,输入如下Prompt
总结西游记中的人物关系组织结构图,使用mermaid输出
我们可以看到Kimi开始生成
这表示Kimi可以根据要求制作流程图
- 总结
Kimi使用了一种称为Mermaid的编码,这种编码可以引入流程图工具生成具体的流程图
- 如何利用
mermaid语法可以在markdown中打开,使用markdown编辑器可实现从代码到图像的转换,比如Typora、MWeb、Github等
- 支持哪些图形
- 流程图 – 各流程的流转条件及方向。
- 状态图 – 不同状态的条件转化。
- 序列图 – 不同对象之间的消息传递。
- 甘特图 – 使用甘特图来绘制项目管理进度。
- 饼图等 – 展示数据
- 使用通义千问来生成mermaid流程图
- 将mermaid导入draw.io或者FlowUS,来生成流程图
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场,未经允许不得转载。