Mermaid
一种基于文本的图表生成语言,开发者可用类似Markdown的简洁语法描述流程图、时序图、类图等,工具自动渲染为可视化图形,被广泛集成到GitHub、Notion、Obsidian等平台
核心事实
时间轴 (近 90 天)
开发者将Mermaid转图片的API服务打包发布为x402.freeq.one,支持流程图、时序图、类图和甘特图,一次调用返回PNG或SVG的base64数据。
Mermaid的SVG输出将文字嵌入为<text>元素,并指定一个在渲染服务器上可能不存在的字体(如"trebuchet ms", verdana, sans-serif)。
Mermaid 支持通过 classDef 为节点添加自定义 CSS 类,但类名仅用于渲染期,产物中的样式仍以内联为主。
Mermaid 通过 theme 和 themeVariables 配置项支持主题定制,内置 default、dark、forest、neutral 等主题,也允许覆盖颜色、字体等变量。
Pele 是一个把 Mermaid 图表转换为可主题化 SVG 的开源工具。
节点-连线模型是图论与数据可视化中的基础结构,节点表示实体、连线表示关系,被 D3.js、Cytoscape、Mermaid 等工具广泛使用。
该 Mermaid 渲染器的修复方案是将默认输出格式改为 SVG,PNG 保留为可通过显式格式参数获取的选项。
diagram-design 能绘制 44 种图表类型,输出单个内联 SVG 的 HTML 文件,支持重绘 Mermaid、draw.io 和 Excalidraw 源文件,并带有从用户网站提取配色和字体的引导步骤。
Mermaid 渲染 API 在渲染错误节点时仍会返回 HTTP 200 OK 和一张技术上完全合法的 PNG 图像。
Mermaid 解析器在遇到词法上无法构成完整语句的语法错误(例如一行以孤立的 ::: 开头且没有后续节点名或闭合结构)时,不会抛出异常,而是将其降级渲染为一个错误节点(error node)。
还有 20 条时间轴事件
全部知识事实 (20)
Mermaid是一种基于JavaScript的开源图表描述语言,已被GitHub、GitLab、Notion等主流平台原生支持
80%已验证Mermaid 是一种基于文本的图表描述语言,允许用户通过类似 Markdown 的简洁语法生成流程图、时序图、甘特图、类图、状态图等多种图表
65%待验证Mermaid官方渲染引擎依赖dagre等布局库自动排布节点位置,在图形复杂时常出现节点重叠、连线交叉混乱、间距不合理等问题
60%待验证语言模型理解文献生成绘图提示词、图像模型渲染输出的流程是一种AI智能体工作流,通过工具调用串联多个专业模型
60%待验证Mermaid 是由 Knut Sveidqvist 于 2014 年创建的轻量级图表描述语言,核心理念是 Diagrams as Code
60%待验证Mermaid.js以类Markdown的文本语法描述图形,已被GitHub、Notion等平台原生支持
60%待验证Mermaid的SVG输出将文字嵌入为<text>元素,并指定一个在渲染服务器上可能不存在的字体(如"trebuchet ms", verdana, sans-serif)。
50%待验证Pele 是一个把 Mermaid 图表转换为可主题化 SVG 的开源工具。
50%待验证Mermaid 支持通过 classDef 为节点添加自定义 CSS 类,但类名仅用于渲染期,产物中的样式仍以内联为主。
50%待验证Mermaid 通过 theme 和 themeVariables 配置项支持主题定制,内置 default、dark、forest、neutral 等主题,也允许覆盖颜色、字体等变量。
50%待验证节点-连线模型是图论与数据可视化中的基础结构,节点表示实体、连线表示关系,被 D3.js、Cytoscape、Mermaid 等工具广泛使用。
50%待验证diagram-design 能绘制 44 种图表类型,输出单个内联 SVG 的 HTML 文件,支持重绘 Mermaid、draw.io 和 Excalidraw 源文件,并带有从用户网站提取配色和字体的引导步骤。
50%待验证开发者通过添加预检 lint 阶段修复了该问题,在渲染之前标记未闭合的 ::: 块和不匹配的 subgraph 关键字,并返回图表加警告列表。
50%待验证在 Mermaid 语法中,:: 是样式类应用运算符,正常写法类似 `A:::myClass --> B`,它并不单独成行。
50%待验证Mermaid 渲染 API 在渲染错误节点时仍会返回 HTTP 200 OK 和一张技术上完全合法的 PNG 图像。
50%待验证Mermaid 解析器在遇到词法上无法构成完整语句的语法错误(例如一行以孤立的 ::: 开头且没有后续节点名或闭合结构)时,不会抛出异常,而是将其降级渲染为一个错误节点(error node)。
50%待验证Mermaid 采用文本即图表的范式,用类似 Markdown 的 DSL 描述节点和连线并渲染规范化图形;Excalidraw 基于 Canvas 的自由手绘画布,元素位置完全由人决定。
50%待验证Codex CLI 支持在终端中直接渲染 Mermaid 流程图和 LaTeX 数学公式
50%待验证Mermaid 是一种文本式图表工具,用户用类似 Markdown 的语法描述节点与边,工具自动生成流程图、时序图、类图等
50%待验证Mermaid 和 Graphviz 的共同局限是布局算法以全局最优为目标,但用户几乎没有干预布局的手段
50%