今天给大家介绍一个曾经获得过The most exciting use of technology大奖的优秀项目：

Mermaid
140bc6b485b213b8ce00fbd5faadd9ea.png

Mermaid，简单来说呢，是一个基于Javascript的图表绘制工具，但是他又不是一个简单的画图工具。Mermaid采用类似Markdown的语法绘制图表并进行修改，让文档的绘制更新变得更方便快捷。

因为在整个软件开发的生命周期里，各种文档及图表都是非常重要的财产，尤其对于后续新人及工作交接来说，一个完整的时刻更新的文档是项目稳定运行的基础。

Mermaid的初衷就是在于减少维护这些文档所需的时间及精力，让文档编写变得更加简单，可以将更多的精力关注在项目的其他部分中。

我们可以看几个主要会用到的文档极其对应代码示例：

流程图
e69924a7569348236578b9083f99257c.png

时序图
145b29d95310a411e8e6e1c9a91ae2ef.png

甘特图
bf417c4e925866507e9d1ebf43282162.png

类图
10eaed4ee628c5bc5a5c0752567318dd.png

状态图
1135225d5e15dd246e92cb2bfd9eac7e.png

饼图
ef8220745ef477f67648ea31f12e6945.png

有些小伙伴可能会担心上手难，其实并没有想象中那么难，Mermaid还提供了详尽的上手指南，教你一步步变成使用达人。
60fa9298016073d860dc761555520634.png
c5e293e4503b3d20cc7f3da34bc07038.png
9bad21a46165a3ffe438873456a4719c.png
2566e873f3ab60598a856fcf94576b4e.png

对于经常用Markdown写作的小伙伴。更加应该使用的得心应手，还在为制作图表发愁的小伙伴们，不妨来试试看吧~

点击下方卡片，关注公众号“TJ君”

回复“Mermaid2022”，获取仓库地址

关注我，每天了解一个牛x、好用、有趣的东东

原文地址：https://blog.csdn.net/j3T9Z7H/article/details/123026061?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905959516800227485936%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905959516800227485936&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-6-123026061-null-null.142^v88^control,239^v2^insert_chatgpt&utm_term=markdown