在线画图工具
这是一个基于 Mermaid.js 的在线画图工具，支持多种图表类型，包括流程图、时序图、甘特图、饼图和思维导图。
使用方法
- 从下拉菜单选择要创建的图表类型
- 在左侧编辑器中输入或修改 Mermaid 代码
- 右侧会实时预览生成的图表
- 可以点击下方的示例按钮查看不同类型的示例代码
在线画图工具
预览
示例代码
支持的图表类型
流程图 (Flowchart)
- 用于展示流程和决策
- 支持多种节点形状和连接线样式
- 适合展示算法流程、业务流程等
时序图 (Sequence Diagram)
- 用于展示对象之间的交互
- 支持参与者、消息、激活框等元素
- 适合展示系统交互流程
甘特图 (Gantt Chart)
- 用于项目管理和进度展示
- 支持任务、里程碑、依赖关系
- 适合项目规划和进度跟踪
饼图 (Pie Chart)
- 用于展示数据占比
- 支持自定义标题和标签
- 适合展示数据分布情况
思维导图 (Mindmap)
- 用于展示概念和关系
- 支持多级节点和分支
- 适合知识整理和头脑风暴
使用技巧
- 代码缩进使用空格而不是制表符
- 每个语句独占一行
- 使用引号包裹包含空格的文本
- 可以使用注释（%%）来添加说明
导出图表
您可以将生成的图表截图保存，或者使用浏览器的开发者工具导出为 SVG 格式。