16 examples

Diagram Examples

Click any card to open it in the editor.

Get 5 new diagram templates every month

01Flowchart

Decision Flowchart

A simple yes/no decision flow — the classic Mermaid starting point.

02Data

User Database Schema

Core user authentication schema with profiles and sessions.

03Sequence

API Authentication

OAuth2 token exchange between client, auth server, and API.

04Sequence

HTTP Request Lifecycle

Full lifecycle of a web request from browser to database.

Data

Browser Market Share

Global desktop browser usage share as a pie chart.

Open →
06Process

Sprint Timeline

Two-week sprint with design, development, and QA phases.

07Process

Product Roadmap

Quarterly product roadmap with milestones.

08Data

E-commerce Schema

Orders, products, and customers for an online store.

09Process

Order State Machine

E-commerce order lifecycle from placement to delivery.

10Process

Traffic Light FSM

Classic finite state machine — traffic light cycle.

11Data

Class Hierarchy

OOP inheritance example with abstract base class.

12Flowchart

Data Pipeline

ETL process showing data ingestion, transformation, and loading.

13Process

Git Feature Branch

Feature branch workflow with PR merge and hotfix.

14Data

Project Planning Mindmap

High-level breakdown of a web app project.

15Process

Company Timeline

Key milestones in a startup's growth story.

Data

Priority Matrix

Feature backlog plotted by impact vs effort.

Open →