Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Refactored Bar Chart

0 stars1๐ŸŒ Public
RRudy Shayganfar
Last edited Oct 3, 2020
Created on Oct 3, 2020

This bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. Built with React and D3 v5, it uses SVG rendering to draw horizontal bars representing each country's population. The code separates concerns into reusable components for axes and marks, with D3's `scaleBand` and `scaleLinear` handling the coordinate mappings. Data is loaded asynchronously using D3's `csv` function and the first ten rows are selected for display.

AI-generated description

A program that shows the top 10 most populous countries.

Data: United Nations World Population Prospects 2019.

This visualization was created based on this chart and modified following instructions from CS573 Week 5 videos.

Comments

Sign in to join the discussion.

MIT Licensed