什么是块状图？
块状图使用标记的块以结构化布局表示系统或流程。它们展示组件的高层次组织及其关系，而不涉及详细的实现细节。块状图广泛用于工程、系统设计和架构文档，为复杂系统提供清晰、易理解的概览。
编辑与预览
使用 Mermaid 语法创建 块状图，实时查看效果。
常见使用场景
系统架构
设计展示主要组件及其关系的高层次系统架构。向技术和非技术相关方传达系统设计。
组件概览
展示软件或硬件组件的组织方式。可视化层、模块及其交互。
网络拓扑
说明带有服务器、交换机和连接的网络布局。记录基础设施组件及其排列。
流程概览
以块为主要阶段呈现高层次流程。提供复杂流程的简化视图。
核心功能
列式布局
在可配置列数的网格中排列块。精确控制图表的视觉结构。
块跨列
使块跨越多列以强调或表示包含多个子组件的组件。
嵌套分组
在块内创建块，展示包含关系和层次结构。
多种形状
使用不同形状如矩形、圆角框、体育场形和圆柱形来表示不同的组件类型。
最佳实践
保持高层次
块状图应展示全局。避免包含过多细节——使用其他图表类型展示具体内容。
使用一致的尺寸
保持块的大小相似，除非大小差异传达关于重要性或规模的含义。
清晰标注
为每个块使用描述性名称。图表应无需额外文档即可理解。
逻辑排列
将相关块放在彼此附近。使用从上到下或从左到右的流向显示数据或控制流方向。
探索其他图表类型
流程图
用节点和方向箭头可视化流程、工作流和算法。非常适合业务流程和决策树。
时序图
记录不同参与者或系统之间的时序交互。非常适合 API 文档和系统设计。
类图
用类、属性和关系建模面向对象系统。软件架构规划的必备工具。
状态图
表示系统或应用程序中的状态转换。非常适合建模生命周期状态和工作流。
甘特图
规划和跟踪项目时间线、任务和依赖关系。非常适合项目管理和进度安排。
ER 图
设计包含实体和关系的数据库架构。非常适合数据库建模和文档编写。
用户旅程图
绘制用户在各个接触点的体验和交互。非常适合用户体验设计和客户旅程分析。
Git 图
可视化 Git 分支策略和提交历史。有助于解释版本控制工作流。
思维导图
组织创意、头脑风暴和创建层次化视觉结构。适合规划和知识管理。
饼图
以圆形图表展示数据比例分布。适合显示百分比和市场份额分析。
时间线
沿时间轴可视化事件和里程碑。适合项目历史和路线图展示。
看板
将任务按工作流阶段组织到列中。适合敏捷项目管理和任务追踪。
四象限图
在双轴网格上绘制项目进行比较和优先级排序。适合功能优先级和战略分析。
桑基图
用比例箭头可视化节点间的流量。适合能源流、预算分配和转化漏斗。
XY 图表
创建带有可自定义坐标轴的柱状图和折线图。适合数据可视化和趋势分析。
架构图
使用服务图标和连接设计云和系统架构。适合基础设施文档。
数据包图
可视化网络协议数据包结构和位级字段布局。适合网络协议文档。