Skip to main content
100%

Making a Bar Chart with D3.js!

✓ Published1🌍 Public
Fforcox43
Last edited Jul 10, 2020
Created on Jun 8, 2020

This visualization uses D3.js to render a horizontal bar chart of the top ten most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The chart displays population figures (in thousands) along the x-axis and country names along the y-axis, with steel-blue bars and formatted tick labels (using abbreviations like "B" for billions). The code employs D3’s `csv` loader, `scaleLinear` and `scaleBand` for scaling, and `axisBottom` and `axisLeft` for axes, all rendered as SVG within a React framework.

AI-generated description

This bar chart shows population of the top 10 most populous countries., The data is from the year 2018 estimate in United Nations: World Population Prospects 2017.

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes