Supported Diagram Types in VPasCode

VPasCode brings PlantUML, Mermaid, Graphviz, ECharts, and Markmap together in one unified workspace. Try our diagram-as-code tool to streamline your architectural documentation.

PlantUML 支持

在 VPasCode 中，PlantUML 为软件架构师提供了一个强大的代码化图表工具用于建模复杂系统。轻松将纯文本转换为正式的 UML 类图、时序图、活动图和 C4 架构图。

PlantUML use case diagram generated from text in VPasCode diagram-as-code tool

用例图
PlantUML class diagram rendered from code using VPasCode text to diagram engine

类图
PlantUML sequence diagram created inside VPasCode diagram-as-code tool

时序图
PlantUML activity diagram workflow rendered from text in VPasCode editor

活动图
PlantUML state machine diagram generated using VPasCode diagram-as-code tool

状态图
PlantUML object diagram model rendered in VPasCode text to diagram platform

对象图
PlantUML component architecture diagram created in VPasCode diagram-as-code tool

组件图
PlantUML deployment architecture created using VPasCode text to diagram engine

部署图
PlantUML timing diagram generated from text script in VPasCode editor

时序图
PlantUML entity relationship diagram created using VPasCode diagram-as-code tool

ERD 图
PlantUML ArchiMate enterprise architecture diagram rendered in VPasCode text to diagram platform

ArchiMate 图
PlantUML C4 model system architecture diagram generated inside VPasCode diagram-as-code tool

C4 模型图

Mermaid.js 支持

专为快速开发者文档设计，VPasCode 集成了轻量且灵活的代码化图表工具可在几秒钟内生成流程图、用户旅程图、甘特项目时间线和 Git 图。

Mermaid flowchart diagram generated from text in VPasCode diagram-as-code tool

流程图
Mermaid class diagram rendered from code using VPasCode text to diagram engine

类图
Mermaid sequence diagram created inside VPasCode diagram-as-code tool

时序图
Mermaid entity relationship diagram generated using VPasCode diagram-as-code tool

ERD 图
Mermaid state diagram created from text script in VPasCode editor

状态图
Mermaid mind map rendered from plain text in VPasCode text to diagram tool

思维导图
Mermaid Gantt project chart generated inside VPasCode diagram-as-code tool

甘特图
Mermaid quadrant matrix chart created using VPasCode text to diagram platform

象限图
Mermaid timeline diagram rendered from code script in VPasCode editor

时间线
Mermaid user journey map created inside VPasCode diagram-as-code tool

用户旅程
Mermaid Venn diagram generated from text in VPasCode diagram-as-code tool

维恩图
Mermaid pie chart rendered from data script using VPasCode text to diagram tool

饼图
Mermaid Ishikawa cause and effect diagram created in VPasCode diagram-as-code tool

石川图
Mermaid treemap chart generated from text script using VPasCode editor

树状图
Mermaid Sankey flow diagram rendered inside VPasCode diagram-as-code tool

桑基图
Mermaid XY line and bar chart created from code in VPasCode text to diagram tool

XY图
Mermaid Kanban task board generated using VPasCode diagram-as-code tool

看板
Mermaid Wardley strategy map rendered from text in VPasCode editor

沃德利地图
Mermaid event modeling diagram created using VPasCode diagram-as-code tool

事件建模
Mermaid system architecture diagram generated from code in VPasCode text to diagram platform

架构图
Mermaid network packet structure diagram rendered in VPasCode diagram-as-code tool

数据包图
Mermaid block diagram created from text script inside VPasCode editor

框图
Mermaid system requirements diagram generated using VPasCode diagram-as-code tool

需求图
Mermaid C4 software model diagram rendered in VPasCode text to diagram platform

C4图
Mermaid Git graph branch diagram created from code using VPasCode diagram-as-code tool

Git图

复杂网络与有向图（Graphviz）

对于复杂的关联依赖关系和结构层次，VPasCode 作为一个精准的图表即代码工具直接从 DOT 脚本渲染高密度的组织结构图、数据流图和系统节点图。
Graphviz directed flowchart diagram generated from text in VPasCode diagram-as-code tool

有向图
Graphviz network connectivity chart rendered from code using VPasCode text to diagram engine

图
Graphviz grouped cluster diagram created inside VPasCode diagram-as-code tool

集群

D2 支持

在 VPasCode 中，D2 为工程团队提供了一个直观的文本转图表引擎，专为清晰度和速度而设计。可轻松将简单的文本脚本转换为清晰的云架构、数据库模型和 CI/CD 工作流图。

D2 图

交互式数据图表与分析（ECharts）

超越软件架构，VPasCode 作为一个多功能的图表即代码工具用于数据可视化。可直接将原始 JSON 数据集和文本脚本转换为交互式饼图、柱状图和折线趋势图。

ECharts column chart generated from text in VPasCode diagram-as-code tool

柱状图
ECharts grouped column chart rendered from code using VPasCode text to diagram engine

柱状图（分组）
ECharts stacked column chart created inside VPasCode diagram-as-code tool

柱状图（堆叠）
ECharts horizontal bar chart generated from text in VPasCode diagram-as-code tool

条形图
ECharts grouped bar chart rendered from data script in VPasCode text to diagram engine

条形图（分组）
ECharts stacked bar chart created using VPasCode diagram-as-code tool

条形图（堆叠）
ECharts line trend chart generated from text script in VPasCode editor

折线图
ECharts filled area chart rendered using VPasCode text to diagram platform

面积图
ECharts stacked area chart created inside VPasCode diagram-as-code tool

面积图（堆叠）
ECharts pie chart rendered from data text in VPasCode diagram-as-code tool

饼图
ECharts doughnut chart generated using VPasCode text to diagram engine

环形图
ECharts sunburst hierarchy chart created in VPasCode diagram-as-code tool

太阳burst图
ECharts treemap data chart rendered from text script in VPasCode editor

树状图
ECharts structured tree diagram generated using VPasCode diagram-as-code tool

树图
ECharts Sankey flow chart created from text in VPasCode text to diagram engine

桑基图
ECharts conversion funnel chart rendered in VPasCode diagram-as-code tool

漏斗图
ECharts boxplot statistical chart generated using VPasCode text to diagram tool

箱形图
ECharts stock candlestick chart created from data in VPasCode diagram-as-code tool

蜡烛图
ECharts scatter plot chart rendered from text in VPasCode editor

散点图
ECharts parallel coordinates chart generated using VPasCode diagram-as-code tool

平行坐标图
ECharts grid heatmap chart rendered from code in VPasCode text to diagram engine

热力图
ECharts radar performance chart created inside VPasCode diagram-as-code tool

雷达图
ECharts network graph chart generated from text in VPasCode diagram-as-code tool

图图
ECharts Nightingale rose chart rendered using VPasCode text to diagram engine

夜莺（玫瑰）图
ECharts metric gauge chart created in VPasCode diagram-as-code tool

仪表盘图
ECharts pictorial bar chart generated from text script in VPasCode editor

象形条形图
ECharts theme river timeline chart rendered using VPasCode diagram-as-code tool

主题河流图
ECharts calendar heatmap chart created from text data in VPasCode text to diagram platform

日历图

Markdown思维导图与头脑风暴（Markmap）

轻松组织您的想法，无需手动对齐形状。VPasCode 操作直观图表即代码工具可将普通的 Markdown 项目符号列表直接转换为结构化、响应式的 Markmap 树状图。

Markmap mind map tree generated from Markdown text in VPasCode diagram-as-code tool

思维导图

数据与模式

无需手动布局即可立即可视化数据库结构。VPasCode 作为可靠的文本转图表工具，可自动将纯文本列表和模式转换为清晰、有序的实体关系布局。

SQL

DBML

JSON

JSON 模式

JSONC

JSON5

JSONL 与 NDJSON

TOON

YAML

XML

CSV

TOML

代码

无需手动绘制即可立即规划软件逻辑和项目结构。VPasCode 作为灵活的图表即代码工具，可自动将原始代码细节和组件转换为清晰、结构化的架构布局。

Java

TypeScript

Go

Rust

C#

Python

C

C++

PHP

Ruby

Scala

Zig

Kotlin

Swift

Elixir
滚动至顶部