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.)
Make a branch and name it something descriptive e.g. feature/new-autocomplete. Once you are happy, do a pull request and someone else will review it before it gets merged into main.
Please raise an issue and the team will have a look.
-
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.
| Chart.Name | Preview | Code | README |
|---|---|---|---|
| Area stacked | View | </> |
README |
| Area stacked sm | View | </> |
README |
| Bar chart | View | </> |
README |
| Bar chart clustered | View | </> |
README |
| Bar chart clustered sm | View | </> |
README |
| Bar chart grouped | View | </> |
README |
| Bar chart grouped clustered | View | </> |
README |
| Bar chart sm | View | </> |
README |
| Bar chart stacked | View | </> |
README |
| Bar chart stacked grouped | View | </> |
README |
| Bar chart stacked sm | View | </> |
README |
| Bar chart with dropdown | View | </> |
README |
| Beeswarm | View | </> |
README |
| Column chart | View | </> |
README |
| Column chart CI bands | View | </> |
README |
| Column chart stacked optional line | View | </> |
README |
| Column chart stacked optional line sm | View | </> |
README |
| Doughnut | View | </> |
README |
| Heatmap | View | </> |
README |
| Line chart | View | </> |
README |
| Line chart dropdown options | View | </> |
README |
| Line chart sm focus | View | </> |
README |
| Line chart sm multiseries | View | </> |
README |
| Line chart with CI area | View | </> |
README |
| Line chart with CI area sm | View | </> |
README |
| Population pyramid | View | </> |
README |
| Range arrow dot bar reference | View | </> |
README |
| Range arrow dot bar reference sm | View | </> |
README |
| Range CI area grouped | View | </> |
README |
| Reports | View | </> |
README |
| Scatter bubble plot | View | </> |
README |
| Scatter bubble plot animated | View | </> |
README |
| Sitemap.xml | View | </> |
README |
| Slope chart | View | </> |
README |
| Waterfall | View | </> |
README |
| Z annotation example | View | </> |
README |