Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

09317b10e09844c28570227b7e825fcf

Making a Bar Chart

0 stars3🌍 Public
VVinh H. Le
Last edited May 5, 2020
Created on Apr 29, 2020
Forked from Making a Bar Chart

This bar chart displays the populations of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Customized axes are created with `d3.axisLeft` and `d3.axisBottom`, where tick labels are formatted to show population in billions and the x-axis includes negative tick lines. The code loads data from a CSV using `d3.csv`, parses population values, and appends rectangles plus axis labels dynamically.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.