Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Bar Chart

Public visualization

Viewing a saved revision (read-only)

d8fbd52c859b4b3183d748f7ab6e6353

Fork of Stylized Bar Chart

0 stars0🌍 Public
KKirsten Lund
Last edited Feb 17, 2021
Created on Feb 17, 2021
Forked from Stylized Bar Chart

A stylized bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. Using React and D3 v5, the visualization encodes population counts as horizontal bars via SVG `<rect>` elements, with axes rendered by custom `AxisBottom` and `AxisLeft` components. The code constructs scales with `d3.scaleBand` and `d3.scaleLinear`, formats tick labels with `d3.format`, and provides tooltips through SVG `<title>` tags. The chart’s distinct styling includes the Poppins font and a teal color scheme.

AI-generated description

A program that shows the top 10 most populous countries as a bar chart.

<!-- Data: [United Nations World Population Prospects 2019](https://gist.github.com/curran/0ac4077c7fc6390f5dd33bf5c06cb5ff). --><!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/3jIF4Z3iIoM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->