EditorialDiagram

图表目录 / 10 种完整示例

选择能回答你问题的图表。

十种完整示例,各有专属排版语法。查看实际 SVG、试用三档受众密度,并在问题改变时选择更合适的相邻图表。

软件工程

拓扑、变化、协议、决策与数据模型。按评审层级选择对应的表达方式。

系统架构图

从十节点电商微服务示例开始,查看网关路由、独立存储与异步分析链路。用清晰的分层布局保留系统拓扑,同时区分请求路径和后台事件处理。

打开设计工具

架构差异图

使用同步的 Before、Changes 与 After 三栏解释系统变化。十节点示例以持久队列替代直接分发器,同时保留前台、工作进程和存储的稳定身份。

打开设计工具

时序图

用有序消息、虚线生命线与正确编码的返回消息梳理结账过程。八个参与者分为授权与履约两段轨迹,段间交接明确标注。

打开设计工具

流程图

在八节点结账流程中区分操作与决策,检查清晰标注的 Yes/No 出口,并沿着外围修复循环返回主流程。

打开设计工具

ER 图

用八个概念实体及明确的关系基数解释电商领域,把 Customer、Order、Line item 与 Product 的领域含义和 SQL 实现约束区分开。

打开设计工具

数据库结构图

在两个四表子系统中审查八张示例电商物理表,阅读 SQL 类型及键约束,并从外键列行追踪到被引用的主键行。

打开设计工具

产品与规划

战略、归属与日期。区分能力所处的位置、执行负责人和实施时间。

Wardley 战略地图

把八组件价值链放到 Genesis、Custom-built、Product 与 Commodity 四个演进阶段,观察搜索能力向产品阶段演进的示例假设,同时保留安静的基础设施背景。

打开设计工具

泳道图

在 Customer、Support、Warehouse 与 Finance 四条泳道中明确所有权。八步退货示例区分团队动作与跨团队交接,涵盖检查、退款和通知。

打开设计工具

甘特图

用八个任务阅读跨 Discovery、Build 与 Release 的十天上线示例计划。共享日期轴展示并行工作,用一个上线任务条作为焦点,避免依赖箭头纠缠。

打开设计工具

数据可视化

会分流与合流的数量。保留统一尺度与守恒关系,让流量不仅仅是一组箭头。

示例使用说明性数据。编辑后的新布局需要 AI 服务;缓存预览可立即查看。