用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及通义千问实现流程图制作的方法

  1. 我们先看看Kimi制作流程图的能力,我们要求Kimi给出西游记中的人物关系组织结构图
  1. 实现过程

登录Kimi,输入如下Prompt

总结西游记中的人物关系组织结构图,使用mermaid输出

我们可以看到Kimi开始生成

这表示Kimi可以根据要求制作流程图

  1. 总结

Kimi使用了一种称为Mermaid的编码,这种编码可以引入流程图工具生成具体的流程图

  1. 如何利用

mermaid语法可以在markdown中打开,使用markdown编辑器可实现从代码到图像的转换,比如Typora、MWeb、Github等

  1. 支持哪些图形
  • 流程图 – 各流程的流转条件及方向。
  • 状态图 – 不同状态的条件转化。
  • 序列图 – 不同对象之间的消息传递。
  • 甘特图 – 使用甘特图来绘制项目管理进度。
  • 饼图等 – 展示数据
  1. 使用通义千问来生成mermaid流程图
  1. 将mermaid导入draw.io或者FlowUS,来生成流程图

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。