Simple text in. Brilliant diagrams out.

sequence Checkout Flow
active-tag Team
tag Team t
  Web(red)
  Backend(blue)
  Vendor(green)

User
App | t:Web
[Backend] | t:Backend
  API 
  Orders
  DB
Stripe | t:Vendor

User -click checkout-> App
App -POST /orders-> API
API -createOrder-> Orders
Orders -reserveStock-> DB
DB -ok-> Orders
Orders -POST /charges-> Stripe
Stripe -charge_id-> Orders

pie Browser Market Share (2025)

Chrome           63.5
Safari           19.8
Firefox           6.2
Edge              5.1
Other             5.4 

org Small Startup
active-tag Title

tag Title t
  CEO(red)
  VP(blue)
  Manager(green)
  SWE(purple)

Jane Smith | t:CEO
  Alex Chen | t:VP
    Jeff Smith | t:Manager
      [Platform]
        Kevin Anderson | t:SWE
        Kim Evans | t:SWE
    Bob Blevins | t:Manager
  Maria Lopez | t:VP
  Sam Wilson | t:VP

bar-stacked Support Tickets
x-label Month
y-label Tickets

series 
  High (orange)
  Medium (yellow) 
  Low (green)
  Info (blue)
January   8 24 45 62 31
February 12 19 51 58 28
March     6 22 38 71 35
April    10 28 42 65 40

gantt Product Launch Plan
start 2024-01-15
today-marker 2024-03-01
critical-path
dependencies

tag Team alias t
  Engineering(blue)
  Design(purple)
  QA(orange)

era 2024-01-15 -> 2024-02-15 Investor Review
marker 2024-02-26 Board Meeting

10bd Brand Guidelines | t: Design, offset: 8bd

parallel
  [Backend] | t: Engineering
    30bd  Database Layer | 80%
    10bd? Auth Module    | 100%
    parallel
      5bd Load Testing   | t: QA
      5bd Security Audit | t: QA

  [Frontend] | t: Design
    15bd Component Library
    10bd API Integration   | t: Engineering
    5bd  Polish            | 30%

  [UX Research] | t: Design
    10bd User Interviews  
    5bd  Persona Updates  
    8bd  Usability Testing | t: QA

[Integration] | t: QA
  10bd E2E Testing      
  5bd  Regression Suite 
  0d   Release Candidate

scatter Funding vs Revenue
x-label Funding ($M)
y-label Revenue ($M)

[SaaS](blue)
  Acme Cloud  12  8.5
  DataSync   5.2  3.1
  CloudOps    25 18.4

[Fintech](green)
  PayFlow  45   32
  LendTech 18 12.5

[HealthTech](red)
  MediScan 15  7.2
  HealthAI 22 14.1

class Animal Hierarchy

Animal
  name: string
  age: number
  speak(): void

Dog extends Animal
  breed: string
  fetch(): void

Cat extends Animal
  indoor: boolean
  purr(): void

line Active Users (Q1 2025)
x-label Week
y-label Users (thousands)

era Week 1 -> Week 6 Phase 1 (blue)
era Week 6 -> Week 12 Phase 2 (green)

Week 1 12.4
Week 2 13.1
Week 3 14.8
Week 4 13.9
Week 5 16.2
Week 6 17.5

flowchart Order Processing

(Receive Order) -> <Have Inventory?>
  -yes-> [Ship] -> [[Process Payment]] -> (End)
  -no-> [Send wait email] -> (End)