图表工作室 · 共 37 套模板

编辑器级图表,
一套模板一个样式。

共 37 套自包含的 HTML + SVG 图表模板 —— 无阴影、无花哨装饰,密度保持 4/10。挑一个类型,在极简浅色、极简深色与完整编辑版之间切换,也可以打开 源码改成你自己的。

37
套模板
6
个分类
3
种样式
AI 图表工作台

把想法变成清晰图表

用自然语言描述你的内容,选择图表类型与视觉风格,即可生成可预览、下载的 SVG 图表。

架构与系统

4

组件、连接与分层抽象。

architecture

架构图

系统中的组件与连接关系。

it-state

IT 现状图

按阶段 / 部门分组的遗留 IT 全景。

layers

分层架构图

堆叠的抽象层级。

nested

嵌套图

通过包含 / 作用域表达的层级关系。

流程与过程

4

决策逻辑、交接与数据流转。

flowchart

流程图

带分支的决策逻辑。

process

过程图

多角色的顺序流程与数据交接。

swimlane

泳道图

跨职能流程与交接。

data-flow

数据流图

管道各步骤之间按角色划分的数据流转。

层级与结构

5

包含、归属与集合关系。

tree

树形图

父 → 子层级关系。

org-chart

组织架构图

归属、汇报、路由与升级路径。

pyramid

金字塔 / 漏斗图

层级排名或转化流失。

venn

韦恩图

集合之间的重叠关系。

er

ER 实体关系图

实体、字段与关系。

行为与时间

5

状态、时序与时间轴上定位的事件。

图表

5

定量对比、趋势与定位。

数据平台

4

存储拓扑、质量分层与访问控制。

high-level

高层架构图

容器集群上的端到端数据栈。

medallion

奖章架构图

带质量层级与访问策略的多层存储。

dp-integration

数据平台集成图

集成拓扑 —— 数据源 → 核心 → 消费方。

dp-security-matrix

数据平台安全矩阵

按角色 / 按组件的访问权限。

更多示例

10

经典 27 种之外的高阶变体与语义模式示例。

datalake

数据湖

多区域数据湖参考架构。

high-level-vertical

高层架构 · 参数化

纵向高层架构栈布局。

sequence-oauth

时序图 · OAuth

OAuth 授权码流程时序图。

quadrant-consultant

象限图 · 咨询

BCG / McKinsey 式 2×2 情景矩阵。

loop-terminal

循环 · 终端

带 CLI 窗口外观的飞轮。

import-drawio

导入 · draw.io

根据 .drawio 源文件重绘。

import-mermaid

导入 · Mermaid

根据 Mermaid .mmd 源文件重绘。

paved-road-animated

安全之路 · 动画

语义模式 #5,带动效。

policy-trace-animated

策略追踪 · 动画

成对的策略评估追踪,带动效。

queue-animated

扇入队列 · 动画

扇入队列 / 瓶颈,带动效。