/Charts

The official repository of all publication ready ONS charts.

Primary LanguageJavaScript

Charts

The official repository of all publication ready ONS charts. (WARNING: This repository is under construction)

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 Description Preview Style Check Code Check Codebase Update
Bar chart Horizontal A static horizontal bart chart with data labels ❌ ❌ ❌ ✅
Bar chart Split A static split horizontal bar bar chart ❌ ❌ ❌ ✅
Bar chart horizontal stacked A static stacked horizontal bar chart ❌ ❌ ❌ ✅
Bar chart horizontal small multiple A static horizontal bart chart with data labels ❌ ❌ ❌ ✅
Heatmap by column A static heatmap ❌ ❌ ❌ ✅
Population pyramid with comparison toggle A static population pyramid with comparison toggle ❌ ❌ ❌ ✅
Population pyramid with dropdown A static population pyramid with comparison line and dropdown ❌ ❌ ❌ ✅
Population pyramid with dropdown and static comparison ❌ ❌ ❌ ✅
Population pyramid with comparison ❌ ❌ ❌ ✅
Population pyramid A static population pyramid ❌ ❌ ❌ ✅
Line chart A static line chart ❌ ❌ ❌ ❌
Line chart with dropdown A static line chart with dropdown ❌ ❌ ❌ ❌
Line chart small multiple A simple small multiple line chart ❌ ❌ ❌ ❌
Animated scatter plot Scatter plot showing change over time ❌ ❌ ❌ ✅
Animated bubble plot Bubble plot showing change over time ❌ ❌ ❌ ✅
Multiple line chart A static multiple line chart ❌ ❌ ❌ ❌