Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar chart

Public visualization

Refactored Bar chart

0 stars0🌍 Public
KKirsten Lund
Last edited Feb 15, 2021
Created on Feb 15, 2021

This bar chart displays the population of ten countries from a United Nations 2019 dataset, using horizontal bars to compare values. The visualization is built with React and D3 v6, using `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. SVG rectangles render the marks, while custom React components encapsulate the axes and data mapping. Population values are parsed from CSV and sorted by the top ten entries.

AI-generated description

Bar chart using world population data - D3 & React.

<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/JMvnd1CIRNo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->

Comments

Sign in to join the discussion.

MIT Licensed