Visual Truth.
Rendered Instantly.

BPMN 2.0 process model (events, gateways, lanes).

Best for formal business processes and handoffs between roles/systems.

General decision flow with branches and loops.

Onboarding flows, troubleshooting paths, decision logic.

Step-by-step workflow; supports partitions (swimlanes).

Business + system workflows that don't need strict BPMN.

Compact activity/workflow diagram DSL.

Quick activity diagrams when you don't need BPMN rigor.

User steps with annotations/feelings.

Communicate end-user experience across touchpoints.

Time-ordered interactions between actors, services, or components showing message flow and lifelines.

Use when documenting API flows, service interactions, authentication sequences, or any request-response communication.

Classes + relationships + fields.

Domain models, DTOs, API contract structure.

States + transitions (lifecycle modelling).

Order status, ticket lifecycle, session states, etc.

Actors + use cases.

Explain product capabilities at exec/stakeholder level.

High-level components and their dependencies.

Show module/service boundaries and dependency directions.

Runtime nodes + artifacts + connections.

Show where software runs (VMs, containers, regions, environments).

Branch/merge commit flow.

Explain branching strategy and release flows.

Requirements + traceability relationships.

Capture requirement dependencies and verification/derivation links.

Hierarchical brainstorming map.

Turn research/requirements into themes and subtopics.

Box-and-line architecture with icons and boundaries.

Explain services, databases, queues, external systems, and trust zones.

People + software system + external dependencies (C4).

Exec-friendly overview of what the system is and who uses it.

Apps/services/containers and their interactions (C4).

Show the big building blocks: web, API, workers, DBs, queues.

Components inside a container (C4).

Explain internals of a service/API for engineers.

Model-first architecture (elements + relationships + views).

You want a single source-of-truth model and multiple generated views.

Logical network map: VPC/VNet, subnets, gateways, firewalls.

Explain connectivity, segmentation, and routing at a glance.

Subnets/routers/switches in a compact text format.

Fast network diagrams without icon styling.

Rack/unit layout for physical gear.

Model server racks and physical topology.

Database schema visualization showing tables, columns, primary/foreign keys, and relationships between entities.

Use when designing or documenting database schemas, data models, or understanding table relationships.

Directed or undirected graphs with custom node and edge styling.

Precise layouts, custom node/edge attributes, graph algorithms.

Flow volumes between nodes/categories.

Show how quantities move through stages (e.g., spend → departments).

Declarative grammar-of-graphics approach for creating common chart types — bar, line, scatter, area, and more.

Data-driven charts: bar/line/scatter/heatmap/histogram/boxplot.

Full-control visualization specification for custom, interactive, and complex data visualizations.

When Vega-Lite is too limiting (custom marks, signals, layouts).

Part-to-whole chart.

Quick composition charts (% split by category).

Lightweight bar/line charts in docs.

Simple charts without heavy transforms.

Chronological milestones.

Roadmaps, incident timelines, release history.

Tasks over time with dependencies.

Communicate delivery timeline and critical path quickly.

Columns with cards for WIP.

Explain workflow stages and sample backlogs.

2x2 prioritization matrix.

Risk vs impact, effort vs value, priority mapping.

Signal timing waveforms from WaveJSON.

Document I2C/SPI/handshakes/timing requirements.

Bit/byte field layouts for binary protocols.

Document binary frames, headers, protocol fields.

Packet/header layout DSL.

Explain packet formats and encapsulation.

Harness diagrams from YAML-like input.

Connectors, pinouts, cable assemblies, BOM-style wiring docs.

Box-and-arrow diagrams with simple layout rules.

Quick overviews without custom icon styling.

Diagrams drawn using ASCII characters (boxes, arrows, lines) that get rendered into clean SVG graphics.

Use when you want to draw diagrams with simple text characters, great for quick sketches and documentation that looks good in plain text too.

Text DSL for small technical diagrams.

Small precise diagrams with a 'hand-drawn' feel.

Unified Modeling Language diagrams for classes, objects, and structural relationships using text-based notation.

Use when modeling class hierarchies, object relationships, or software structure with standard UML notation.

PGF/TikZ code rendered to SVG via LaTeX. Supports the full TikZ ecosystem for publication-quality technical illustrations.

Publication-quality diagrams for academic papers, scientific illustrations, engineering schematics, and mathematical figures.

Symbols generated from HDL modules/components.

Document hardware blocks from real HDL source.