Mermaid图表绘制工具

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载自夜明的孤行灯

本文链接地址: https://www.huangyunkun.com/2023/10/19/mermaid/



Mermaid是一个开源的图表绘制工具,它使用简单的文本语法来描述图表,支持绘制流程图、时序图、甘特图等多种类型的图表。Mermaid的设计目标是提供一种简单、直观的方式来创建图表,使得非专业的用户也能轻松绘制出美观的图表。

对比于Plantuml,Mermaid内置支持的图表类型更多,且相对美观度高一些。Mermaid还有一个便利就是它在GitHub 和 GitLab 等流行源代码存储库中得到原生支持,从而可以在 Markdown 文档中嵌入并轻松更新 Mermaid。

使用示例

下面是一个简单的Mermaid语法示例,用于绘制一个流程图:

graph LR
    A[开始] --> B[中间步骤]
    B --> C[结束]

通过上述代码,可以生成一个包含三个节点的流程图,节点之间的关系用箭头表示。

这只是Mermaid语法的一个简单示例,实际上Mermaid支持更复杂的语法和功能,可以绘制出更丰富的图表。

集成

Mermaid可以方便集成在WordPress里面,下面是一些示例

journey title My working day section Go to work Make tea: 5: Me Go upstairs: 3: Me Do work: 1: Me, Cat section Go home Go downstairs: 5: Me Sit down: 5: Me
erDiagram CAR ||--o{ NAMED-DRIVER : allows CAR { string registrationNumber PK string make string model string[] parts } PERSON ||--o{ NAMED-DRIVER : is PERSON { string driversLicense PK "The license #" string(99) firstName "Only 99 characters are allowed" string lastName string phone UK int age } NAMED-DRIVER { string carRegistrationNumber PK, FK string driverLicence PK, FK } MANUFACTURER only one to zero or more CAR : makes


本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载自夜明的孤行灯

本文链接地址: https://www.huangyunkun.com/2023/10/19/mermaid/

发表评论