Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

making a bar chart

Public visualization

Viewing a saved revision (read-only)

47f03b4947fa489cbff22f1860d11650

making a bar chart

0 stars2🌍 Public
Gginnyching
Last edited Nov 22, 2022
Created on Oct 1, 2022
Forked from Customizing Axes

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v7 with an SVG rendering approach, employing `scaleLinear` for the x-axis population values and `scaleBand` for the y-axis country categories. The code customizes the axes with `axisLeft` and `axisBottom`, and applies styling for tick labels and grid lines. Data is loaded from a CSV file and converted from thousands to full numbers before rendering.

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.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.