SuperAPI AI 工具集

mermaidjs-v11

数据与分析

查看项目

更新于 10-15 21:51

技能介绍

用途:用 Mermaid.js v11 的声明式语法以文本方式创建图表与可视化,适合在 Markdown、浏览器或命令行中生成流程图、时序图、类图、状态图、ER 图、甘特图、用户旅程图等。

主要能力:支持 24 种以上图表类型,包括 flowchart(流程与决策树)、sequenceDiagram(参与者交互、API 流程)、classDiagram(面向对象结构与数据模型)、stateDiagram(状态机与工作流)、erDiagram(数据库关系)、gantt(项目时间线)、journey(用户体验流程)。可在 Markdown 代码块中内联编写,也可通过 frontmatter 配置主题,使用 %% 添加单行注释。

使用方式:CLI 安装命令为 npm install -g @mermaid-js/mermaid-cli;基本转换为 mmdc -i diagram.mmd -o diagram.svg;可加主题与背景,如 mmdc -i input.mmd -o output.png -t dark -b transparent;自定义样式用 mmdc -i diagram.mmd --cssFile style.css -o output.svg。浏览器嵌入使用 pre class="mermaid" 配合 CDN 脚本与 mermaid.initialize({ startOnLoad: true })。配置项包括 theme(default、dark、forest、neutral、base)、look(classic、handDrawn)、fontFamily、securityLevel(strict、loose、antiscript)。

适用场景:架构图、API 文档流程、数据库模式、项目时间线、状态机、用户旅程图等。

限制:资料未提供具体收费、价格、平台支持范围与效果保证;Docker、批处理及 Node.js API 等高级用法需查阅对应参考文档。