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 Support

PlantUML in VPasCode gives software architects a robust diagram-as-code tool to model complex systems. Easily turn plain text into formal UML class, sequence, activity, and C4 architecture diagrams.

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

Use Case Diagram
PlantUML class diagram rendered from code using VPasCode text to diagram engine

Class Diagram
PlantUML sequence diagram created inside VPasCode diagram-as-code tool

Sequence Diagram
PlantUML activity diagram workflow rendered from text in VPasCode editor

Activity Diagram
PlantUML state machine diagram generated using VPasCode diagram-as-code tool

State Diagram
PlantUML object diagram model rendered in VPasCode text to diagram platform

Object Diagram
PlantUML component architecture diagram created in VPasCode diagram-as-code tool

Component Diagram
PlantUML deployment architecture created using VPasCode text to diagram engine

Deployment Diagram
PlantUML timing diagram generated from text script in VPasCode editor

Timing Diagram
PlantUML entity relationship diagram created using VPasCode diagram-as-code tool

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

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

C4 Model Diagram

Mermaid.js Support

Designed for rapid developer documentation, VPasCode incorporates Mermaid as a light and flexible diagram-as-code tool. Generate flowcharts, user journeys, Gantt project timelines, and Git graphs in seconds.

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

Flowchart Diagram
Mermaid class diagram rendered from code using VPasCode text to diagram engine

Class Diagram
Mermaid sequence diagram created inside VPasCode diagram-as-code tool

Sequence Diagram
Mermaid entity relationship diagram generated using VPasCode diagram-as-code tool

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

State Diagram
Mermaid mind map rendered from plain text in VPasCode text to diagram tool

Mind Map
Mermaid Gantt project chart generated inside VPasCode diagram-as-code tool

Gantt Chart
Mermaid quadrant matrix chart created using VPasCode text to diagram platform

Quadrant Chart
Mermaid timeline diagram rendered from code script in VPasCode editor

Timeline
Mermaid user journey map created inside VPasCode diagram-as-code tool

User Journey
Mermaid Venn diagram generated from text in VPasCode diagram-as-code tool

Venn Diagram
Mermaid pie chart rendered from data script using VPasCode text to diagram tool

Pie Chart
Mermaid Ishikawa cause and effect diagram created in VPasCode diagram-as-code tool

Ishikawa Diagram
Mermaid treemap chart generated from text script using VPasCode editor

Treemap Diagram
Mermaid Sankey flow diagram rendered inside VPasCode diagram-as-code tool

Sankey Diagram
Mermaid XY line and bar chart created from code in VPasCode text to diagram tool

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

Kanban Board
Mermaid Wardley strategy map rendered from text in VPasCode editor

Wardley Map
Mermaid event modeling diagram created using VPasCode diagram-as-code tool

Event Modeling
Mermaid system architecture diagram generated from code in VPasCode text to diagram platform

Architecture Diagram
Mermaid network packet structure diagram rendered in VPasCode diagram-as-code tool

Packet Diagram
Mermaid block diagram created from text script inside VPasCode editor

Block Diagram
Mermaid system requirements diagram generated using VPasCode diagram-as-code tool

Requirement Diagram
Mermaid C4 software model diagram rendered in VPasCode text to diagram platform

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

GitGraph Diagram

Complex Networks & Directed Graphs (Graphviz)

For complex relational dependencies and structural hierarchies, VPasCode serves as a precision diagram-as-code tool. Render high-density organization charts, data flow graphs, and system node maps directly from DOT scripts.

Graphviz directed flowchart diagram generated from text in VPasCode diagram-as-code tool

Digraph
Graphviz network connectivity chart rendered from code using VPasCode text to diagram engine

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

Cluster

Interactive Data Charts & Analytics (ECharts)

Beyond software architecture, VPasCode acts as a versatile diagram-as-code tool for data visualization. Turn raw JSON datasets and text scripts directly into interactive pie charts, bar graphs, and line trends.

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

Column Chart
ECharts grouped column chart rendered from code using VPasCode text to diagram engine

Column Chart (Grouped)
ECharts stacked column chart created inside VPasCode diagram-as-code tool

Column Chart (Stacked)
ECharts horizontal bar chart generated from text in VPasCode diagram-as-code tool

Bar Chart
ECharts grouped bar chart rendered from data script in VPasCode text to diagram engine

Bar Chart (Grouped)
ECharts stacked bar chart created using VPasCode diagram-as-code tool

Bar Chart (Stacked)
ECharts line trend chart generated from text script in VPasCode editor

Line Chart
ECharts filled area chart rendered using VPasCode text to diagram platform

Area Chart
ECharts stacked area chart created inside VPasCode diagram-as-code tool

Area Chart (Stacked)
ECharts pie chart rendered from data text in VPasCode diagram-as-code tool

Pie Chart
ECharts doughnut chart generated using VPasCode text to diagram engine

Doughnut Chart
ECharts sunburst hierarchy chart created in VPasCode diagram-as-code tool

Sunburst Chart
ECharts treemap data chart rendered from text script in VPasCode editor

Treemap Chart
ECharts structured tree diagram generated using VPasCode diagram-as-code tool

Tree Chart
ECharts Sankey flow chart created from text in VPasCode text to diagram engine

Sankey Chart
ECharts conversion funnel chart rendered in VPasCode diagram-as-code tool

Funnel Chart
ECharts boxplot statistical chart generated using VPasCode text to diagram tool

Boxplot Chart
ECharts stock candlestick chart created from data in VPasCode diagram-as-code tool

Candlestick Chart
ECharts scatter plot chart rendered from text in VPasCode editor

Scatter Chart
ECharts parallel coordinates chart generated using VPasCode diagram-as-code tool

Parallel Chart
ECharts grid heatmap chart rendered from code in VPasCode text to diagram engine

Heatmap Chart
ECharts radar performance chart created inside VPasCode diagram-as-code tool

Radar Chart
ECharts network graph chart generated from text in VPasCode diagram-as-code tool

Graph Chart
ECharts Nightingale rose chart rendered using VPasCode text to diagram engine

Nightingale (Rose) Chart
ECharts metric gauge chart created in VPasCode diagram-as-code tool

Gauge Chart
ECharts pictorial bar chart generated from text script in VPasCode editor

Pictorial Bar Chart
ECharts theme river timeline chart rendered using VPasCode diagram-as-code tool

Theme River Chart
ECharts calendar heatmap chart created from text data in VPasCode text to diagram platform

Calendar Chart

Markdown Mind Maps & Brainstorming (Markmap)

Organize your ideas effortlessly without manual shape alignment. VPasCode operates as an intuitive diagram-as-code tool that converts plain Markdown bullet lists directly into structured, responsive Markmap trees.

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

Mind Map
Retour en haut