Skip to content
InsightCharts

Search

Search guides and components

Level 1 of 3 · 61 components

Atoms

An atom is one chart form or one figure primitive: a bar chart, a big number, a pull quote. Each takes data and a title. An atom never depends on another atom.

Comparison8

Draws an arrow per category from a start value to an end value, showing the direction and size of each shift.

Compares a value across categories with bars from a zero baseline.

Compares one measure per row with its target, optionally against qualitative bands such as poor / fair / good.

Draws bars either side of a centre line: positive against negative values, or stacked agree / disagree responses around a neutral midpoint.

Shows two values per category as dots joined by a line, so the length of the line shows the difference.

Colours a category-by-category (or time-by-category) grid by a numeric value, using a sequential or diverging scale.

Ranks categories with a dot on a thin stem from zero, or as a stemless dot plot on a free scale.

Compares quantities with rows of repeated icons, each icon standing for a fixed number of units.

Trend9

Shows a quantity over time as a filled area from zero: one series, stacked series, shares of 100%, or a streamgraph.

Shows how the ranking of entities changes over time, with rank 1 at the top and each line named at its end.

Colours every day of one or more years by a value, laid out as a grid of weeks.

Shows how one or more values change over time or another ordered dimension.

Draws bars around a circle for data that repeats in a cycle, such as hours of the day or months of the year.

Connects each entity's value at two (or a few) points with a straight line, labelled with name and value at both ends.

Repeats one small line, area or bar chart per value of a facet field on a shared scale, each panel titled.

A word-sized line or bar series without axes, with the latest point marked.

Places events and spans on a time axis in labelled lanes, with each item named directly.

Distribution4

Shows a distribution as one dot per row along a value axis, with dots stacked sideways where they would collide.

Summarises a numeric field per group as median, quartile box, whiskers and outlier dots, computed from raw rows.

Bins a numeric field and shows how many rows fall in each bin, as touching bars on a continuous axis.

Shows every observation as a tick or dot along a value axis, one row per category.

Part to whole4

Shows how 2 to 5 parts make up one whole, with each slice labelled by name and share.

Splits one whole into proportional segments along a single horizontal bar.

Shows parts of a whole as nested rectangles sized by value, optionally grouped into categories.

Shows shares of a whole as counted cells in a grid, such as 37 in every 100.

Relationship1

Plots two numeric measures against each other, one dot per row, with optional bubble size, group colour, selective labels and a trend line.

Flow2

Shows how many remain at each step of a sequence, with conversion and drop-off between steps.

Shows how a quantity flows from sources through stages to destinations, with link width proportional to the flow.

Maps1

Colours the regions of a map by a normalised value, from GeoJSON you supply.

Poster primitives19

These atoms are drawn for a poster ground. They use large flat marks, print names and values on or beside the marks and have no axes by default. The infographic templates are built from them.

Places entities in order on a line and joins each related pair with a semicircular arc whose thickness is the value of the connection; dots are sized by each entity's total.

Compares 3 to 12 values as thick rounded bars from a zero baseline, with each value printed inside the end of its bar and the category beneath.

Draws a small set of circles sized by value and joined by thin lines, with one circle highlighted and tagged.

Places circles sized by one measure along a single value scale set by another, spread sideways so none overlap, with boxed scale marks instead of an axis.

Shows parts as tightly packed circles sized by value, optionally clustered into groups, with the value and name printed inside each circle.

Places each entity on two parallel scales, one per measure, and joins its two positions with a smooth S-curve labelled with the name and both values.

One solid block that splits into curved ribbons, each as thick as its value, ending at an aligned column of names, values and shares.

A table with one row per entity in which every number is drawn as a small form chosen per column (counted dots, squares or icons, a ring, a sized circle, a bar) with the value printed beside it.

Compares many counts as a grid of labelled tiles, each holding an array of N icons with its name and number.

Shows several shares of the same whole, such as one share at five dates, as outlines nested from one corner of a square, each enclosing an area equal to its share.

Places items as dots on concentric rings round a centre, one ring per category, level or period, with a key that explains rings, angle and dot area.

Shows a ranked list as horizontally centred rounded bars, with each name in capitals on its pill, the value at the left edge and the rank at the right.

Compares two to eight values as squares or circles whose areas are proportional to the values, each printed with its name and number.

Draws one spoke per row radiating from a centre disc, each as long as its value, with the name and value set on an outer ring.

One filled band per entity across periods: its thickness is its value in each period and its vertical position is its rank, so bands cross as the order changes.

A tall vertical band graded along one scale (linear or log, running up or down) with each item placed at its true position and labelled with an icon, its name and its value on alternating sides.

Shows one or more percentages as icon silhouettes filled from the bottom to that level, with the number printed large beside each.

Shows a few related magnitudes as plain circles sized by area, each with its number set large and a short label.

Shows the size of each group as a solid block of small icons, one icon per fixed number of units.

Figure7

A featured statistic with its label, change and the context that gives it meaning.

A restrained editorial table from rows and a column config: aligned tabular numbers, an optional in-cell bar, row highlight and click-to-sort headers.

An inline change indicator: direction arrow, signed value and an optional baseline label.

A "1 in 4"-style statement: a row or grid of simple glyphs with some filled, and the sentence they illustrate.

A standalone colour key: categorical swatches, or a sequential/diverging ramp with end labels.

A labelled horizontal meter of one value against a maximum or target, with the target marked and the value printed.

A compact, bordered KPI tile: label, value, change against a baseline and an optional trend graphic.

Text6

A boxed statement of fact with a short bold lead and a sentence of explanation. The tone is marked by icon and tint.

The opening block of a piece or section: kicker, title, one-sentence deck and a byline/date line.

A readable block of narration at a 45-75 character measure, for the text between charts.

A sourcing footer for a whole piece: sources with optional links, the period covered, method, caveats and credit.

A numbered chapter or step heading ("01 — Electricity sources in 2015") for sequencing the sections of a story.