Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Aditya - bar chart with React & D3

Public visualization

Fork of Aditya - bar chart with React & D3

0 stars0🌍 Public
NNikhilchiguru-8
Last edited Mar 8, 2023
Created on Mar 8, 2023

This bar chart displays the top 10 most populous countries for 2020, using data from the United Nations World Population Prospects 2019. Built with React and D3 v5, the visualization renders as an SVG with horizontal bars, though it intentionally omits axes labels. The code uses React state and effects to load and filter CSV data, then applies D3’s `scaleBand` for the categorical y-axis and `scaleLinear` for the population x-axis, drawing grid lines, country names, and rectangles via `d3.csv` and React DOM elements.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

Comments

Sign in to join the discussion.

MIT Licensed