Mermaid
是一款基于JavaScript
的图表生成工具,它允许用户通过简单的文本语法来创建流程图、时序图、甘特图、饼图、思维导图等多种类型的图表。Mermaid
的语法简单易懂,类似于Markdown
,使得图表创建变得像编写代码一样简单和直观。它广泛应用于软件开发、项目管理、教学培训、数据分析等多个领域,帮助用户以直观的方式展示复杂的信息和流程。
接下来介绍几种在日常办公中常用的图表类型,同时介绍如何让DeepSeek
帮助我们快速生成Mermaid
图表。
1、使用入门
Mermaid
是纯文本,需要编辑器的支持才能显示表格。
推荐使用以下两种工具:
第一种、使用官方 Mermaid Live Editor:https://mermaid.live/edit。
如下图,左侧为Mermaid
代码区,右侧为图表区,在左侧输入代码后,右侧即可立即显示图表。
第二种:使用在线文档和知识库工具,比如语雀:https://www.yuque.com/
在任一文档页面,点击左上角的“+
”按钮,选择“文本绘图
”。然后在文本绘图窗口中选择图表类型为“Mermaid
”,在左侧代码区输入Mermaid
代码后,右侧即可立即显示图表。
2、饼图
饼图(Pie Chart
),是一种常用的数据可视化工具。它通过将一个圆形划分成为若干个扇形区域,每个扇形区域代表一个数据类别,扇形的面积或角度大小与该类别在总体中所占的比例相对应,从而直观地展示不同类别在总体中的分布和比例关系。
应用场景:
- 市场调研:展示不同品牌、产品、服务在总体市场中的占比情况,帮助企业了解市场竞争格局。
- 销售分析:分析不同产品或服务在总销售额中的占比,为销售策略调整提供依据。
- 预算管理:展示各部门或项目在总预算中的分配情况,帮助管理者优化资源配置。
- 人口统计:展示不同年龄段、性别、职业等人口统计特征在总体中的分布情况。
- 满意度调查:展示用户对产品或服务的不同满意度级别的分布情况,为企业改进产品或服务提供参考。
DeepSeek指令:
我需要做一张各个部门成员数量分布的饼图,请帮我生成,输出Mermaid格式。
输出代码:
pie title 部门成员数量分布
"技术部" : 45
"市场部" : 30
"人力资源部" : 15
"财务部" : 10
"客户服务部" : 25
"产品部" : 20
效果:
3、流程图
流程图(Flowchart
)是对某一问题的定义、分析或解法的图形表示,图中用各种符号来表示操作、数据、流向以及装置等。流程图由节点(几何形状)和边(箭头或线)组成,用于展示某个过程或系统中的步骤和相互关系。它是流经一个系统的信息流、观点流或部件流的图形代表,通过图形化的方式帮助人们理解和分析复杂的流程。
应用场景:
- 软件开发:用于描述程序的逻辑流程、算法的执行步骤以及系统组件之间的交互。
- 项目管理:帮助团队成员理清工作流程、任务分配和决策路径,确保项目按计划进行。
- 生产制造:优化生产流程,降低成本并提高效率,涵盖生产线设计、质量控制、供应链管理和设备维护等方面。
- 医疗保健:优化患者的治疗流程和医疗服务,提高医疗服务的质量和效率。
- 金融:用于业务流程的设计和改进,确保金融机构符合法规和合规性要求。
- 教育:设计课程结构、制定教学计划以及展示知识体系,帮助学生更好地理解学科内在的逻辑和层次结构。
- 营销:制定市场营销策略,追踪整个营销过程,识别潜在问题并及时调整策略。
DeepSeek指令:
针对员工请假的审批流程,生成流程图,输出Mermaid格式。
输出代码:
graph LR
A[员工提交请假申请] --> B{申请类型}
B -->|事假/病假| C[部门经理审批]
B -->|年假/调休| D[系统自动审批]
C --> E{是否通过?}
D --> E
E -->|通过| F{请假天数>3天?}
E -->|拒绝| J[通知员工修改]
F -->|是| G[总监审批]
F -->|否| H[HR备案]
G --> I{是否通过?}
I -->|通过| H
I -->|拒绝| J
J --> A
H --> K[完成归档]
效果: