EDITORIAL CHARTS / PORCELAIN DATA STORY DASHBOARD · DEMO

48 charts, one readable page.

A working map from data shape, through visual grammar, to report structure.
48 chart templates
Three color presets · three reading systems
Demo content, not real product metrics

AT A GLANCE

Fitting 48 chart types onto one page comes down to four variables that decide whether it reads well.
Few bars, countable units.
ONE RUNG = ONE UNIT · COUNTABLE COMPARISON
F1 RUNG BARS · BASICS-GALLERY.HTML · REAL TEMPLATE
A timeline, day by day.
ONE DOT = ONE DAY · HOLLOW = WEEKEND
F2 HAIRLINE LINE · BASICS-GALLERY.HTML · REAL TEMPLATE
Shares, without the pie.
ONE TICK = ONE PERCENT · READS CLOCKWISE
F4 TICK DONUT · BASICS-GALLERY.HTML · REAL TEMPLATE
Multi-select, tick by tick.
ONE TICK = ONE RESPONDENT · MULTIPLE CHOICE
L15 BALLOT TALLY · LUPI-GALLERY.HTML · REAL TEMPLATE

A STARTING POINT

Decide what judgment the reader needs before touching color. That's the actual starting point for a one-page report.
Primary data Secondary data Empty / background Target line / reference
Demo data, not real survey results. This page tests the information architecture behind chart templates → one-page report.
DATA SOURCES
Editorial Charts design system