The sheet an infographic is composed on. It paints a full-bleed ground from a poster theme, forces one theme and colour mode on everything inside, and lays out a masthead, a grid of panels and a footer. It can save the whole sheet as one PNG.
Level 2 of 3 · 19 components
Molecules
A molecule is a combination of atoms that is used often: a row of statistics, a chart with a callout beside it, two linked charts. Use one when you need that arrangement.
Poster frame1
The poster frame is the sheet every infographic is composed on.
Layout12
Two states of one measure side by side, as figures or small charts, with the change between them stated in the middle.
A chart with a callout beside it that states the main fact. In narrow containers the callout goes underneath.
One chart frame with a segmented control that switches between several views of the same data, morphing between views that share a chart type.
A table whose rows carry inline sparklines, deltas and in-cell bars beside their exact values, from rows and a column config.
The active crossfilter selections of the surrounding InsightData, shown as removable chips with a reset control.
A responsive grid of trend cards drawn from one dataset: each metric shows its latest value, its change and a sparkline.
Two to four charts over one shared dataset in a responsive grid: clicking a mark in one filters the others, with the active filters shown as removable chips.
A headline number with its composition underneath: one segmented bar and a key giving each part's value and share.
A ranking as a list: position, name, value and a thin in-row bar, with an optional change indicator and highlighted rows.
Repeats any chart spec once per value of a facet field, each panel with its own filtered rows and a title, in a grid that follows the container width.
Two to five key figures in one row separated by hairlines, collapsing to two columns and then one as the container narrows.
A KPI card computed from a series: the latest value, its change against a baseline in the same data, and a sparkline of the series.
Story6
A vertical sequence of dated events along a rail, each with a short explanation and, optionally, a small chart or figure.
The opening exhibit of a piece: kicker, headline and deck above one large chart, with a source line underneath.
A share stated as a countable sentence ("37 in every 100…"): a waffle grid or a row of icons beside the statement in large type, with the number emphasised.
A pull-quote paired with the statistic or small chart that backs it up, side by side and stacking in narrow containers.
A scroll-driven story from JSON: one base chart spec and a list of steps, each with narration and a patch of chart props applied while that step is active.
A story section: a numbered step marker or a headline, introductory prose, then one or more exhibits in a responsive one- to three-column grid.