All diagram types
Diagramium has twenty-seven diagram types — pick one to open a blank canvas in the editor. Not sure where to start? Try a ready-made template , or read a step-by-step guide to the type you need.
Sequence diagram How systems and people talk over time — messages, lifelines, activation bars. Plays back step by step. Open editor → Visual Story Scenes of text, images and embedded diagrams — compose a narrative and present it beat by beat. Open editor → Visual Learning A lesson of Spotlight Cards and Explainer scenes — it draws and narrates itself, then exports as a video. Open editor → Flowchart Steps and decisions joined by smart arrows — the everyday map of any process. Open editor → Org chart Who reports to whom, auto-arranged as you build it. Open editor → State machine States, transitions and the full UML pseudostate toolkit. Open editor → Mind map Branch ideas out from a central topic — auto-balanced and colour-coded. Open editor → Swimlane A flowchart split into lanes — one row per team, actor or department. Open editor → Timeline Dated milestones along an axis — roadmaps, history, project plans. Open editor → Journey map Stages, actions and an emotion curve — the whole customer experience. Open editor → Process map A business process end to end — tasks, gateways and hand-offs. Open editor → Decision tree Branch a question into options and outcomes — decisions made visible. Open editor → Architecture Clients, services, queues and databases — how your system fits together. Open editor → Data flow How data moves — external entities, processes and data stores. Open editor → Network Routers, switches, firewalls and hosts — your network topology. Open editor → Fishbone Cause and effect (Ishikawa) — group root causes into an effect. Open editor → Use case UML use cases — actors, a system boundary, include and extend. Open editor → Threat model STRIDE threat model — components inside trust boundaries. Open editor → C4 model Context, container and component diagrams — people, systems and containers with labelled relationships. Open editor → Concept map Concepts joined by labelled linking phrases — every connection reads as a short sentence. Open editor → UML class diagram Classes with attributes and methods, wired with inheritance, composition and aggregation. Open editor → ER diagram Entity tables with keys and columns, related with crow's-foot cardinality. Open editor → Sitemap Your website's pages as a hierarchical tree — build it fast in the text editor. Open editor → Kanban board Cards in columns (To Do / In Progress / Done) — drag them across to track work. Open editor → Venn diagram Two or three overlapping sets with blended fills — drop labels into each region. Open editor → Gantt chart Task bars on a day/week grid with durations, %-complete and dependencies. Open editor → BPMN Business Process Model and Notation — typed events, tasks, gateways and sequence/message flows. Open editor →
Every type shares the same tools — drag on the canvas or type in the text editor, then press
Visual Learning
The one type on this list that is a lesson rather than a notation: a deck of Spotlight Cards and Explainer scenes that draws itself, reads its own narration and exports as a video. What a Visual Learning lesson is, and how to make one →
Diagram maker guides
Each guide covers one diagram type — its notation, when to reach for it, and how to build one here — with an animated example drawing itself on the page. Browse all 28 diagram maker guides →