用途:Mermaid 是基于 JavaScript 的图表工具,可将类 Markdown 的文本定义渲染为 SVG 图表,直接嵌入 Markdown 文件。适合记录系统架构、可视化数据模型、说明请求流程、制作项目时间线,以及在 GitHub/GitLab README 或文档站点中嵌入图表。不适合像素级设计稿、交互式仪表盘,以及需要自定义美术或超出层级/关系结构的复杂空间布局。
主要能力:支持流程图(flowchart TD,方向 TB/TD/BT/RL/LR,支持 subgraph)、时序图(sequenceDiagram,参与者、消息、循环、alt/opt/par 块)、ER 图(erDiagram,鸦脚表示法、PK/FK/UK 属性)、类图(classDiagram,UML 关系、可见性修饰符、注解)、状态图(stateDiagram-v2,转移、复合状态、fork/join、choice)、甘特图(gantt,分节、带日期/时长的任务、里程碑)、饼图(pie)、思维导图(mindmap)、Git 图(gitGraph)、架构图(architecture-beta)、块图(block-beta)、时间线(timeline)、桑基图(sankey-beta)、XY 图(xychart-beta)、象限图(quadrantChart)、看板(kanban)、数据包图(packet-beta)、需求图(requirementDiagram)和 C4 图(C4Context)。
使用方式:在 Markdown 代码块中使用 ```mermaid 作为语言标识,再按对应图表类型书写声明与内容。常见注意点:用 flowchart 而非 graph;时序图箭头后需有空格(Alice->>Bob: msg);ER 图基数顺序为左基数、线、右基数;subgraph/loop/alt 等块需匹配 end;保留字作节点 ID 时加引号或别名;状态图统一用 stateDiagram-v2;含特殊字符的标签加双引号;甘特图先声明 dateFormat;思维导图缩进用空格而非制表符。
限制:资料未提供具体安装命令、收费、价格、平台或效果信息,暂未提供。