Example

Type Selector

Notes

Should not overflow the viewport, so needs to be set to some percentage of viewport-height. Overflow scrolls.

Demo

Column

Compare sizes of related element, displayed vertically. Recommend period in filter.

Stacked column

Compare parts of a whole against related elements, vertically. Recommend data or org. unit as series.

Bar

Compare sizes of related elements, displayed horizontally. Recommend period in filter.

Stacked bar

Compare parts of a whole against related elements, horizontally. Recommend data or org. unit as series.

Line

Track or compare changes over time. Recommend period as the category.

Area

Track or compare changes over time. Recommend period as the category.

Pie

Compare parts of a whole at a single point in time. Recommend period in the filter.

Radar

Compare several items against multiple variables.

Gauge

Compare a percentage indicator against a 100% scale. Recommend period in filter.

Year over year: line

Compare changes over time between multiple time periods.

Year over year: column

Compare changes over time between multiple time periods.

123

Single value

Display a single value. Recommend relative period to show latest data.

Pivot table

View data and indicators in a manipulatable table.

Open in Maps

Visually plot data on a world map. Data elements use separate map layers.