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.)
-
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.
- All initial commits of charts must must follow JavaScript ES6 standards and use D3 v6 or higher.
- Before making additions to the
libfolder please do check the ONS CDN as your addition to the lib folder may already to uploaded.
| 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 | </> |