Mermaid

Mermaid是一款基于JavaScript的图表工具,可渲染 Markdown

MermaidJavaScript图表库图表工具
2 更新于 2026-04-21 08:48

声明:文档由AI生成,仅作参考,最终功能和计费标准以官方为准。

一、产品概述

Mermaid 是由开源社区维护,并由 Mermaid Chart 团队持续推动发展的基于 JavaScript 的图表生成工具,用于通过文本描述(类 Markdown 语法)生成流程图、时序图、甘特图等多种结构化图形,可嵌入文档、网页或开发工具中实现可视化表达。

一句话介绍:通过文本代码快速生成结构化图表的轻量级可视化工具。

ScreenShot_2026-04-21_082055_444.png

渲染中…

二、产品特色

1. 基于文本的图表定义(Diagram as Code)

  • 使用类 Markdown 语法描述图表结构
  • 支持版本控制(Git)友好管理
  • 适用于 Docs as Code、技术文档自动化场景

2. 多类型图表支持

支持多种工程与业务建模图:

  • 流程图(Flowchart)
  • 时序图(Sequence Diagram)
  • 类图(Class Diagram)
  • 状态图(State Diagram)
  • 甘特图(Gantt)
  • 实体关系图(ER Diagram)
  • 用户旅程图(User Journey)
  • 饼图(Pie Chart)
  • Git 图(Git Graph)
  • 需求图(Requirement Diagram)
  • C4 架构图(C4 Diagram)

3. 浏览器与前端集成能力

  • 基于 JavaScript,在浏览器端直接渲染
  • 支持嵌入 HTML / Markdown
  • 提供 API 控制渲染流程

4. 多平台生态集成

  • 支持 VS Code、Confluence、Jira、GitHub 等环境集成
  • 适用于文档平台、开发工具链及知识库系统

5. 可配置主题与样式

  • 支持主题(theme)与样式自定义
  • 支持全局初始化配置
  • 可定制字体、颜色、布局等视觉参数

6. 安全控制机制

  • 支持 securityLevel 配置
  • 提供沙箱机制,降低 XSS 风险

7. CLI 与自动化能力

  • 提供 Mermaid CLI 工具
  • 支持导出 SVG / PNG
  • 可集成 CI/CD 自动生成图表

8. 商业化扩展(Mermaid Chart)

  • 在开源基础上提供在线协作、AI生成、团队管理等能力
  • 形成“开源 + 商业平台”的双层架构

三、收费标准

1. 信息来源说明

以下内容基于官方定价页面整理,仅包含公开信息。

2. 定价结构说明

  • Mermaid.js(核心库):开源免费(MIT License)
  • Mermaid Chart(商业平台):采用订阅制(按用户计费,年付)

3. 套餐与价格表

ScreenShot_2026-04-21_082039_931.png

套餐价格计费方式图表数量图表尺寸AI额度协作能力其他特性
Basic免费最多 3(部分页面显示6)限制约15次查看 & 评论入门使用
Plus$10/用户/月年付无限无限制300/年评论协作基础协作能力
Premium$20/用户/月年付无限无限制2000/年实时协作+外部分享SSO、安全控制、团队管理
Enterprise定制年付无限无限制无限企业级协作专属合同、IP归属、CSM支持

4. 核心差异总结

  • 免费版:仅适用于轻量使用与体验
  • Plus:解除图表与尺寸限制,引入基础 AI 与协作
  • Premium:强化团队协作、安全与共享能力
  • Enterprise:提供企业级治理、合同与支持能力

四、常见问题

Q:Mermaid 是完全免费的吗?

A:Mermaid.js 核心库为开源免费;但官方提供的 Mermaid Chart 在线平台采用订阅收费模式。

Q:收费版本和开源版本有什么区别?

A:开源版本提供图表生成能力;收费版本增加 AI、协作、团队管理、安全控制等企业级功能。

Q:AI 功能是否单独收费?

A:AI 功能通过“AI Credits”计量,不同套餐提供不同额度。

Q:是否支持团队协作?

A:支持。Plus 提供基础评论协作,Premium 提供实时协作与外部分享能力。

Q:是否支持企业级安全与权限管理?

A:支持。Premium 提供 SSO,Enterprise 提供 IP 归属管理与企业级支持。

Q:是否必须购买付费版才能使用 Mermaid?

A:不需要。仅使用 Mermaid.js 本身无需付费,付费主要针对在线协作与AI增强能力。