DiagramPreview

工具目录

开发者图表

为架构说明、API 流程、依赖图和工程文档创建图表。

可用工具

31

Postman Collection 转时序图

把 Postman Collection JSON 转成接口调用时序图,检查请求顺序和文档流程。

HAR 文件转时序图

把浏览器 HAR 请求转换成时序图,用于 API 调试、性能排查和事故复盘。

HAR 文件瀑布流查看器

预览 HAR 请求时间线、状态码、最慢请求和主机分布。

Sequence Diagram Preview

使用 Mermaid sequenceDiagram 语法预览时序图。

API 错误流程图

把 API 状态码、失败条件、重试规则和恢复动作整理成清晰的错误流程图。

OpenAPI 转时序图

把 OpenAPI paths 转成 Mermaid 时序图,用于接口文档、后端评审和运行时对比。

package.json 依赖图

可视化 package.json 中的 dependencies、devDependencies、peerDependencies 和 optionalDependencies。

Docker Compose 架构图

把 docker-compose.yml 中的服务、depends_on、网络、卷和端口转换成架构图。

CloudFormation 模板架构图

CloudFormation 模板架构图:把 AWS CloudFormation 模板转成资源关系图,适合云架构和 IaC 文档。

Graphviz DOT Preview

在浏览器中把 DOT 图渲染成 SVG。

D2 在线预览

在线预览 D2 架构图和服务关系图,适合文本优先的架构文档。

Kubernetes Manifest 可视化

把 Kubernetes YAML 可视化为资源树,检查 Deployment、Service、Ingress、label 和 namespace。

Terraform 架构图

将 Terraform resource 块和引用关系可视化为架构图。

Kubernetes 服务拓扑图

Kubernetes 服务拓扑图:用于开发者文档的在线预览、校验和导出工具。

Regex 铁路图

把正则表达式转换成简单的铁路图,适合写文档和代码评审。

GitHub Actions 工作流图

将 GitHub Actions YAML 中的 jobs、needs、steps 转换为可读工作流图。

CI/CD 流水线生成器

CI/CD 流水线生成器:用于开发者文档的在线预览、校验和导出工具。

Cron 表达式可视化

Cron 表达式可视化:用于开发者文档的在线预览、校验和导出工具。

C4 模型图生成器

C4 模型图生成器:用简单 C4 文本生成 System Context、Container 和 Component 图。

JWT 解码图

JWT 解码图:用于开发者文档的在线预览、校验和导出工具。

cURL 命令解析器

把 cURL 命令解析成 method、URL、headers、query 参数和请求 body 预览。

URL 查询参数解析器

解码 URL 查询字符串,检查 UTM 参数和 API query payload。

Dockerfile 可视化

将 Dockerfile 构建阶段和指令可视化为步骤图。

.env 差异检查器

对比 .env 与 .env.example,找出缺失、空值或重复变量。

Helm Values 可视化

将 Helm values.yaml 展示为可展开结构,方便 Chart 审查和文档编写。

HTTP 响应头解析器

解析 HTTP 响应头,并检查缓存、CORS、Content-Type 和安全提示。

Nginx 配置可视化

可视化 nginx server、location、proxy_pass、upstream 关系。

Nginx Location 匹配测试器

测试 Nginx exact、prefix、^~ 和 regex location 的匹配优先级。

OpenTelemetry Trace 转时序图

将 OpenTelemetry spans JSON 转换为 Mermaid 时序图,便于排查请求链路。

日志转时序图

将简单服务调用日志转换为 Mermaid 时序图。

AsyncAPI 事件流图

将 AsyncAPI channels 转换为生产者、频道、消费者事件流图。

优先推荐

先从这些高价值工具开始

规划工具

Architecture Diagram PreviewFlowchart PreviewSQL ER Diagram