Diagram maker guides

28 guides. Each covers one diagram type — the notation, when it is the right choice, and how to build one — with a live animated example you can watch on the page. Every editor is free, needs no sign-up, and keeps your work on your own device.

A flowchart maker that walks its own pathBuild a flowchart in your browser, then press Present and watch it walk its own path step by step with narration. Free flowchart maker, no sign-up.Read the guide → The sequence diagram maker that draws what you typeType Alice->Bob: Hello and this sequence diagram maker draws it for you. Present API and auth flows step by step with narration. Free, no sign-up.Read the guide → A mind map maker that turns brainstorms into walkthroughsBuild a mind map that arranges its own branches, then press Present to reveal it branch by branch with narration. Free mind map maker, no sign-up.Read the guide → An architecture diagram maker that walks the request pathDraw services, queues, and stores in a free architecture diagram maker, then present the request path hop by hop with narration. No sign-up needed.Read the guide → A UML diagram maker that walks through your designFree UML diagram maker for class, use case, and state machine diagrams. Draw in the browser, then present the model step by step with voice narration.Read the guide → An ER diagram maker that presents your schema step by stepDraw entities, attributes, and crow's-foot relationships in a free ER diagram maker that presents itself step by step with narration. No sign-up.Read the guide → A data flow diagram maker that presents the path data takesFree data flow diagram maker: external entities, processes, data stores, labeled flows — then press Present and the diagram plays the path data takes.Read the guide → The animated diagram maker where diagrams explain themselvesMake diagrams that present themselves with a free animated diagram maker: step-by-step reveal, AI voice narration, and GIF, video, and animated SVG export.Read the guide → An AI Diagram Maker for the Assistant You Already UseUse Diagramium as your AI diagram maker: paste assistant-written sequence text, get an animated diagram that narrates itself. Free, in-browser, no sign-up.Read the guide → A free timeline maker for roadmaps, launches, and historyBuild project roadmaps and history timelines in a free browser timeline maker. Five track styles, serpentine folding, and step-by-step narrated playback.Read the guide → The Gantt Chart Maker That Explains Your ScheduleFree Gantt chart maker that presents itself: tasks, dependencies, milestones, critical path, and a switchable time axis. Works in your browser, no sign-up.Read the guide → Software release plan maker: from code freeze to hotfix laneFree software release plan maker: map code freeze, QA, staged rollout and release day as a Gantt with dependencies, milestones and a critical path.Read the guide → RASCI matrix maker: one lane per role, every hand-off explicitFree RASCI matrix maker that builds RACI and RASCI charts as swimlanes — one lane per role — then presents the plan hand-off by hand-off, with narration.Read the guide → A free org chart maker that presents itself level by levelBuild an org chart online free: reporting lines, dotted-line managers, vacant roles and team groupings — then present it one level at a time.Read the guide → A free Venn diagram maker where the overlap is the pointMake a Venn diagram online free: two or three sets, labelled overlaps, and colours you control — then present each region one at a time.Read the guide → A free process map maker for the way work actually runsMap a business process online free: steps, decisions, hand-offs and the measures that matter — then present it step by step with narration.Read the guide → A free state machine diagram maker that walks every transitionDraw a state machine online free: states, transitions, guards and self-loops, with a real start and end — then present each transition.Read the guide → A free concept map maker where every link says what it meansMake a concept map online free: concepts joined by labelled linking phrases, so every connection states what the relationship actually is.Read the guide → A free customer journey map maker that shows where it hurtsMap a customer journey online free: stages, actions, touchpoints and the emotional low points — then present it stage by stage with narration.Read the guide → A free decision tree maker where every path reaches an answerBuild a decision tree online free: questions, branches and outcomes, with every path ending somewhere — then present it one branch at a time.Read the guide → A free fishbone diagram maker for finding the actual causeMake a fishbone diagram online free: an effect, the major cause categories and their real root causes — then present each bone in turn.Read the guide → A free network diagram maker that keeps your topology privateDraw a network diagram online free: subnets, firewalls, load balancers and cloud zones — kept on your device, which matters for infrastructure.Read the guide → A free use case diagram maker that shows who can do whatDraw a UML use case diagram online free: actors, use cases, system boundary, include and extend — then present each actor's capabilities.Read the guide → A free threat model maker that stays on your machineBuild a threat model online free: trust boundaries, data flows and STRIDE threats per element — and the diagram never leaves your browser.Read the guide → A free C4 model maker, one level at a timeDraw C4 model diagrams online free: system context, container and component levels, each a separate diagram for a different audience.Read the guide → A free BPMN diagram maker for processes two teams must agree onDraw BPMN 2.0 process diagrams online free: events, tasks, gateways and pools — the standard notation business and IT can both read.Read the guide → A free kanban board maker for explaining how work flowsMake a kanban board online free: columns, WIP limits and cards you can arrange by hand — a board for explaining a workflow, not tracking tickets.Read the guide → A free sitemap diagram maker for planning a site's structureDraw a visual sitemap online free: pages, sections and navigation depth in a tree you can present — a site structure diagram, not an XML file.Read the guide →

Looking for the full notation list instead? See all 27 diagram types, or read the step-by-step guides on the blog.