Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Bar Chart

Public visualization

Viewing a saved revision (read-only)

2fced2a668db4c2dbf1ade0ffd7962e6

Making a Bar Chart

0 stars0🌍 Public
Iinroadings
Last edited Apr 1, 2020
Created on Mar 16, 2020
Forked from Making a Bar Chart

This bar chart visualizes the population of the top 10 most populous countries, using data from the 2018 United Nations World Population Prospects. Built with D3 v5, it demonstrates custom axes through `scaleLinear` and `scaleBand` for positioning. However, the working code renders a single animated rectangle that shifts horizontally every two seconds via `setInterval`, while the chart's data loading and population scaling are present in the CSV parsing. The SVG rendering and steelblue fill are styled through CSS.

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.