Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Yifu's Customized Bar Chart

Public visualization

Viewing a saved revision (read-only)

61a6a5fff11f4c02ae6106206a3bfaf3

Yifu's Customized Bar Chart

0 stars1🌍 Public
YYifu Chen
Last edited Dec 25, 2019
Created on Dec 25, 2019

This horizontal bar chart displays the population of the top ten most populous countries, using data from the United Nations Population Prospect 2017. The visualization ranks countries along the y-axis, with bars extending rightward proportionally to population values. Built with D3 v5, the code uses `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG elements. The chart applies custom tick formatting to abbreviate population numbers, removes default axis lines, and styles the bars with a steelblue fill against a light green background.

AI-generated description

Yifu's simple bar chart

I created the visualization following this tutorial: https://www.youtube.com/watchv=_8V5o2UHG0E&t=1220s

Data source: Data source is United Nations Population Prospect 2017

Dec. 24, 2019