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 horizontal | View | </> |
README |
| Bar chart horizontal clustered | View | </> |
README |
| Bar chart horizontal clustered sm | View | </> |
README |
| Bar chart horizontal grouped | View | </> |
README |
| Bar chart horizontal grouped clustered | View | </> |
README |
| Bar chart horizontal sm | View | </> |
README |
| Bar chart horizontal stacked | View | </> |
README |
| Bar chart horizontal stacked grouped | View | </> |
README |
| Bar chart horizontal stacked sm | View | </> |
README |
| Bar chart horizontal 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 |
| ONS charts cheat sheet.svg | 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 |