ONSvisual / Charts

The official repository of all publication ready ONS charts.

Charts

The official repository for all publication ready ONS charts. See our chart menu and service manual for more guidance on the use of these charts, and of charts more generally.

We currently maintain a separate map templates repository.

(NOTE: This repository is still a work in progress.)

Guide to updating and placing an initial commit for a chart

• All missing charts can be found in the issues section of the repository. They will have the following format, "[descriptive chart name]: Initial Commit".

• If this issue does not have an active branch and you would like to update and upload the chart please create a branch and you will be responsible for updating and making a pull request for the chart.

Initial chart commit checklist

• All initial commits of charts must must follow JavaScript ES6 standards and use D3 v6 or higher.
• Before making additions to the lib folder please do check the ONS CDN as your addition to the lib folder may already to uploaded.

Charts uploaded so far

Chart Name	Preview	Code	Accessible?
Area stacked	View	</>
Area stacked small multiple	View	</>
Bar chart horizontal	View	</>
Bar chart horizontal with dropdrown	View	</>
Bar chart horizontal small multiple	View	</>
Bar chart horizontal with reference	View	</>
Bar chart horizontal with reference small multiple	View	</>
Bar chart horizontal small multiple with colour	View	</>
Bar chart horizontal clustered	View	</>
Bar chart horizontal clustered sm	View	</>
Bar chart horizontal stacked	View	</>
Bar chart horizontal stacked with tooltip	View	</>
Bar chart horizontal stacked sm	View	</>
Bar chart horizontal stacked grouped	View	</>
Bar chart horizontal stacked clustered	View	</>
Bar chart horizontal grouped	View	</>
Bar chart horizontal grouped clustered	View	</>
Bar chart horizontal stacked clustered grouped	View	</>
Bubble plot animated	View	</>
Comet plot	View	</>
Comet clustered / dumbell	View	</>
Column chart	View	</>
Column chart small multiple	View	</>
Column chart with confidence intervals small multiple	View	</>
Column chart stacked	View	</>
Column chart stacked with line	View	</>
Column chart stacked with line sm	View	</>
Column chart stacked sm	View	</>
Dot plot	View	</>
Dot plot with confidence intervals sm	View	</>
Doughnut	View	</>
Heatmap	View	</>
Heatmap by column	View	</>
Line chart	View	</>
Line chart with dropdown	None	None	NA
Line chart small multiple	View	</>
Line chart small multiple with confidence intervals	View	</>
Line chart small multiple colours	View	</>
A line chart with area shading	View	</>
Population pyramid	View	</>
Population pyramid with comparison toggle	View	</>
Population pyramid with a static comparison	View	</>
Population pyramid with dropdown	View	</>
Population pyramid with dropdown and interactive comparison	View	</>
Range plot	View	</>
Scatter plot	View	</>
Scatter plot small multiple	View	</>
Scatter plot animated	View	</>
Slope chart	View	</>
Split bar chart	View	</>