当前位置: 首页 > article >正文

工具笔记之生成图表和可视化的标记语言Mermaid

工具笔记之生成图表和可视化的标记语言Mermaid

code review!

文章目录

  • 工具笔记之生成图表和可视化的标记语言Mermaid
      • 1. 流程图
      • 2. 序列图
      • 3. 甘特图
      • 4. 类图
      • 5. 状态图
      • 6. 饼图
      • 使用方法

Mermaid 是一种用于生成图表和可视化的标记语言。它允许用户以简单的文本格式创建复杂的图表。以下是一些常用的 Mermaid 语法和示例:

1. 流程图

开始
是否继续?
继续操作
结束

2. 序列图

Alice Bob 你好,Bob! 你好,Alice! Alice Bob

3. 甘特图

2024-10-06 2024-10-13 2024-10-20 2024-10-27 2024-11-03 2024-11-10 2024-11-17 任务1 任务2 设计 开发 项目计划

4. 类图

动物
+String 名字
+int 年龄
+吃()
+睡()
+String 品种
+汪汪叫()

5. 状态图

用户输入
完成
错误
空闲
工作

6. 饼图

40% 30% 20% 10% 项目分布 设计 开发 测试 部署

使用方法

  • 图表类型:如 graphsequenceDiagram 等。
  • 节点和边:使用文本描述节点与其连接关系。
  • 样式:可以自定义节点和边的样式。

Mermaid 可以集成到 Markdown 文件中,使用工具如 VSCode 的扩展插件或在线工具来预览图表。


http://www.kler.cn/news/330643.html

相关文章:

  • WPF后台创建控件和绑定
  • uniapp中在web端如何友好的展示app当前的版本等信息
  • 知识图谱入门——6:Cypher 查询语言高级组合用法(查询链式操作、复杂路径匹配、条件逻辑、动态模式创建,以及通过事务控制和性能优化处理大规模数据。
  • Python | Leetcode Python题解之第445题两数相加II
  • pdfbox麒麟docker转PDF乱码问题
  • Brave编译指南2024 MacOS篇-环境配置(四)
  • 加密与安全_TOTP 一次性密码生成算法
  • 行为设计模式 -策略设计模式- JAVA
  • sentinel原理源码分析系列(三)-启动和初始化
  • 人生四大“钱关”过不去,我推荐你读这4本书
  • Redis接口访问优化
  • 六.应用层
  • python 实现power iteration幂迭代算法
  • 【C语言指南】数据类型详解(下)——自定义类型
  • 【Android 14源码分析】Activity启动流程-3
  • 全栈杂谈第四期 什么是雪花算法
  • 打造智慧金融:引领未来的投资之路
  • 基于RBAC的通用权限管理系统的详细分析与实现(实现篇-Spring Security安全管理框架)
  • 如何避免我的住宅ip被污染
  • 解决方案:梯度提升树(Gradient Boosting Trees)跟GBDT(Gradient Boosting Decision Trees)有什么区别