Charts

The chart family renders a real chart shape rather than a node diagram. The header is chart <type>, or a bare pie / radar / quadrant, where <type> is one of bar line area scatter pie donut radar quadrant (column and xychart map to bar, doughnut to donut).

chart bar
title: Quarterly revenue
y-axis: USD (k)
categories: Q1, Q2, Q3, Q4
Revenue : 100, 150, 120, 180
Profit : 20, 30, 25, 40

Two input modes#

With categories: (the category-axis labels), each Name : v1, v2, … row is a series whose values line up with the categories.
Without categories:, each Label : value row is a category, the pie or single-series form.

pie
title: Traffic by source
Search : 386
Direct : 210
Social : 85
Referral : 40

No categories: each row is a slice.

Directives and flags#

Directives: title:, x-axis: (alias x:), y-axis: (alias y:), and categories: (aliases axis:, labels:). Bare flags: stacked, horizontal, showValues (aliases values, showData).

chart bar
title: Headcount by team
stacked
showValues
categories: Eng, Sales, Ops
Full-time : 24, 12, 8
Contract : 6, 4, 3

stacked bars with values printed on them.

Chart types#

chart line
title: Weekly active users
x-axis: Week
categories: W1, W2, W3, W4, W5
This year : 40, 52, 61, 70, 82
Last year : 35, 38, 44, 50, 55

A line chart with two series.

chart area
title: Storage used
categories: Jan, Feb, Mar, Apr
Free : 40, 35, 30, 20
Paid : 60, 70, 85, 110

radar
title: Skill assessment
categories: Speed, Power, Range, Control, Stamina
Player A : 80, 70, 60, 90, 75
Player B : 60, 85, 80, 55, 90

A radar chart compares two profiles across axes.

chart donut
title: Market share
Us : 42
Rivals : 33
Others : 25

A horizontal bar chart ranks survey answers, longest first.

chart bar
title: Favourite editor
horizontal
showValues
categories: VS Code, Vim, JetBrains, Emacs, Other
Responses : 512, 214, 188, 96, 61

Quadrant charts#

A quadrant chart plots each item on a 2×2 plane by its [x, y] coordinates (both 0..1) and labels the four zones. quadrant-1 … quadrant-4 name the zones (1 = top-right, 2 = top-left, 3 = bottom-left, 4 = bottom-right); the axis labels take a directional pair split on →.

quadrant
title: Feature prioritisation
x-axis: Low Effort → High Effort
y-axis: Low Impact → High Impact
quadrant-1: Big bets
quadrant-2: Quick wins
quadrant-3: Deprioritise
quadrant-4: Time sinks
Login redesign: [0.35, 0.8]
Dark mode: [0.7, 0.65]
Settings cleanup: [0.6, 0.3]
Analytics v2: [0.25, 0.35]

An effort/impact prioritisation matrix.

Loading…