如何用 Mermaid 画思维导图
思维导图用于组织思路、展示信息架构、帮助理解复杂概念之间的关系,适合头脑风暴、项目规划、知识管理等场景。Mermaid 使用 mindmap 关键字声明思维导图。
声明图表
使用 mindmap 关键字:
mindmap
root((中心主题))
基本结构
创建包含主节点和子节点的思维导图:
mindmap
root((项目管理))
计划
需求分析
任务分解
时间安排
执行
团队协作
进度跟踪
问题解决
控制
质量检查
风险评估
变更管理
收尾
项目验收
经验总结
文档归档
层级结构
支持多层级节点和嵌套结构:
mindmap
root((软件开发))
前端开发
HTML
语义化标签
结构优化
CSS
响应式设计
Flex/Grid
JavaScript
ES6+
DOM 操作
后端开发
Node.js
Express
Koa
Python
Django
Flask
数据库
SQL
NoSQL
测试
单元测试
集成测试
自动化测试
完整示例:项目管理思路
mindmap
root((项目管理思维导图))
项目启动
确定目标
SMART 原则
成功标准
利益相关者
识别
沟通计划
章程
项目范围
约束条件
项目规划
需求分析
用户需求
功能需求
任务分解
WBS
依赖关系
时间管理
甘特图
关键路径
资源规划
人力资源
预算
项目执行
团队管理
角色分配
协作工具
沟通管理
会议
报告
质量保证
标准
检查
项目监控
进度控制
偏差分析
调整
风险管理
识别
评估
应对
变更管理
请求
审批
项目收尾
验收
用户验收
最终交付
评估
绩效
经验教训
归档
文档
知识
速查表
| 语法 | 功能 |
|---|---|
mindmap |
声明思维导图 |
root((中心主题)) |
根节点(中心主题) |
子节点 |
一级子节点 |
孙子节点 |
二级子节点(缩进) |
曾孙节点 |
更高级别的子节点 |
%% 注释 |
行注释 |
下一步
掌握思维导图后,可以根据需要继续学习其他 Mermaid 图表类型。
如果您想在 MermZen 中尝试上述代码,可以点击 在线编辑器,然后将代码粘贴进去。