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)

e3d0c39fe8604446bc18de5509d6eb30

Fork of Stylized Bar Chart

0 stars0🌍 Public
Aacharlton21@proton.me
Last edited Aug 3, 2024
Created on Aug 3, 2024
Forked from Stylized Bar Chart

This interactive bar chart displays the top 10 most populous countries in 2020 from United Nations World Population Prospects 2019 data, loaded via D3’s `csv` function. Rendered as an SVG using React, the visualization uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numerical x-axis, with a Poppins font and custom color styling. Tooltips appear on hover via SVG `<title>` elements. The code imports `AxisBottom`, `AxisLeft`, and `Marks` from separate files, and formats axis tick labels using `d3.format`.

AI-generated description

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

Data: United Nations World Population Prospects 2019.