D21 · curated/emergent-categories.md §21 · the data IS the artifact
Dataviz as Art. the spike!

Not a chart that supports an argument. The visualization itself is the expressive payload — annotated, irregular, and explorable. Data with a fingerprint.

drawn by a human → meaning first
01 · Palette

Color is an encoding, not a theme

Light-ground, warm, categorical. Every hue maps to a meaning the reader can decode from the (often hand-drawn) legend. The terracotta annotation color is reserved — it's the human pointing at the data, never the data itself.

Variant A — Data Humanism (Lupi expressive pole)

Warm notebook ground, sepia ink, categorical hues chosen for distinguishability + warmth. This variant carries this page.

paper
#FBF8F1
ink
#2A2723
cat-1
#D1495B
"flight-risk"
cat-2
#EDAE49
"stalled"
cat-3
#00798C
"active"
cat-4
#30638E
"watch"
cat-5
#8B5A8C
"new"
annotation
#C1440E · reserved

↑ each hue MEANS a category — decode it from the legend, not a brand guide

Variant B — Explorable Clarity (Ciechanowski pole)

Clean white ground, vector-coded. Blue = force one way, red = the other, amber = the variable you're holding right now.

canvas
#FFFFFF
ink
#1A1A1A
vector-pos
#2563EB
vector-neg
#DC2626
highlight
#F59E0B
the live variable
surface
#EEF2F7

Variant C — Editorial Dark-Data (for Ben's dashboards needing a dark mode)

Same encoding discipline, dark ground — the MRR consolidator / equity-brief register.

bg
#14161A
ink
#ECEFF4
cat-1
#FF6B6B
cat-2
#FFD166
cat-3
#4ECDC4
cat-4
#6C8EFF
annotation
#FF9F45
02 · Typography

An annotated notebook, never a corporate dashboard

A warm humanist serif for the editorial frame, a readable serif/sans for long-form, functional mono for data labels, and a genuine hand face — used only in the annotation layer.

FrauncesDisplay · variable opsz · 40–96px
Density is honesty.
Source Serif 4Body · 17–19px / 1.6
Long-form explanatory reading sits in the readable serif. The legend and the marginalia carry the warmth; the prose stays legible so the data argument is never in doubt. (Substitutes: Tiempos Headline, Fraunces, Lora.)
IBM Plex MonoAxis · callouts · slider values
RUNWAY 14.2 mo · Δ+2.4% · n=39
CaveatAnnotation ONLY · hand layer
← this bit matters most
NumeralsTabular lining for aligned data
$30,000   $4,500   1,874
03 · Signature move — Direct-manipulation explorable live · drag it

Change the variable, watch it respond

The Ciechanowski pole: a self-coded, framework-free simulation on a clean light ground. Drag a slider and two synchronized views recompute together — you build intuition by holding the variable yourself. This is a real runway model: monthly burn vs. booked income, on Ben's actual numbers.

Runway = buffer ÷ (burn − income). Hold the amber variable and watch the curve and the multiple update in lockstep. No scroll required — the piece stands alone.

Net monthly
−$2,700
Months to zero
6.9

two views, one variable → they move together (synchronized multi-view)

04 · Signature move — Hand-annotated data marks live · marks draw on

A small-multiples dataset, drawn the way a person would sketch it

The Lupi pole: each week of Ben's June pipeline is an irregular glyph. Petal count = touches that week, petal length = call minutes, the core dot color = the relationship's state, and a hand-drawn arrow flags the thesis. Density signals importance. Marks stagger in by category so the entrance teaches the encoding.

how to read a glyph

petals = number of touches that week
length = call minutes logged
core color = relationship state
coral risk · ochre stall · teal active
terracotta arrow = the thesis, the human pointing

A pristine bar chart would tell you week 4 was busy. This tells you week 4 was busy and stalled and where the relationship turned — irregularity is honesty.

05 · Signature moves

Six recognizable patterns

Each is demonstrated live above or in the cards below. Together they make the aesthetic legible from one screenshot: authored, not auto-generated.

SIG 01 · DEMONSTRATED §04
Hand-annotated data marks
Irregular sketched glyphs with marginalia + arrows; density-as-honesty. The heavily-noted mark is the thesis.
SIG 02 · DEMONSTRATED §01
Color-as-encoding
Every categorical hue maps to a decodable meaning. Color is information, never theme. The annotation hue is reserved.
SIG 03 · DEMONSTRATED §03
Direct-manipulation explorables
Draggable sliders recompute the visualization live; the reader holds the variable and builds intuition.
SIG 04 · DEMONSTRATED §03
Synchronized multi-views
Coordinated diagrams update together when one variable changes — the line and the bar move in lockstep.
SIG 05 · LIVE BELOW
Marks draw themselves on
SVG stroke animation so a chart builds the way a person sketches it — authorship made visible. Hover to replay.
SIG 06 · DEMONSTRATED §04
Designed legends, first-class
Hand-lettered, dashed-border legend treated as part of the artwork — where the "art" of dataviz-as-art is most visible.
06 · Exemplars & why-now

Prestige-grade and current

Lupi won the Compasso d'Oro 2025 with a Pentagram-built museum retrospective running Apr 29–Aug 30 2026. Ciechanowski's site is the perennial gold standard of explorable explanations. This also has the highest applicability to Ben's own work — every dashboard, the MRR consolidator, the equity briefs, the FTS engine.

Giorgia Lupi — "Data Humanism"

Hand-drawn, annotated, hyper-personal data marks. Sketched legends, irregular glyphs, color-as-meaning, density-as-honesty. Anchor for the expressive pole.
Tier 1 · Compasso d'Oro 2025 · Gallerie d'Italia retrospective · Pentagram · TED 1.4M views

Bartosz Ciechanowski — explorables

Self-coded, framework-free interactive simulations: draggable objects, sliders, synchronized views, time-scrubbing, vector-coded diagrams on a clean light ground. Anchor for the explorable pole.
Tier 1 · perennial HN/Codrops acclaim · Patreon-funded · verified live

The Pudding Cup 2025 — "Dithering"

Damar Aji Pramudita's interactive visual explainer of dithering — motion and timing clarify a technical concept; the visualization is the payload, not a scroll skeleton.
Tier 1 · recognized annual editorial-dataviz prize (~100 entries)

The Pudding — musical motifs / onion-dicing

Recent essays where the data rendering carries meaning expressively. Corroborates that expressive dataviz is a sustained editorial practice, not a one-off.
Tier 1 · canonical editorial-dataviz

Information is Beautiful Awards

The prestige ecosystem: motion-led explanatory dataviz, document-driven narratives, expressive-mark visualization recognized at award level through 2025–26.
Tier 1 · IIB Awards + Pudding Cup field
07 · Scope guard

What this is NOT

The scope rule is the discipline. This is the Lupi/Ciechanowski expressive + explorable pole only.

× The generative / Anadol spectacle pole. Dark, render-led, audio-reactive data paintings are #13 Generative Tech-Flex. This is meaning-first and light-ground.
× Scroll-as-the-whole-architecture (#17). If the experience collapses without scroll, it's #17. Here scroll is optional; every piece above stands alone.
× Clean Swiss-chart sterility (#5/#6). Those suppress ornament. Data humanism embraces it — no annotation, no encoding story = #6, not this.
× Decorative color with no meaning. Color must encode. Brand-consistent hues over category-distinguishable ones defeat the thesis.
× Auto-generated chart-library defaults. A raw Chart.js/Plotly default with no annotation or authorial hand is the anti-pattern.
× Hand-script in body text. Caveat lives only in the annotation layer. Body copy stays in the readable serif. (Self-checked.)