🌍 Public
Dataviz 2020_Ep23 - 17. Refactoring (BarChart Vertical Ver.)
MMinwoo Pak
Last edited Jul 15, 2021
Created on Jul 14, 2021
This example presents a vertical bar chart of the top 10 countries by population for 2020, sourced from a UN Population CSV file. The visualization shows each country's population as a bar with rotated, angled labels on the x-axis. Built with React and D3 version 6, the chart separates axes and bar marks into individual components, using `d3.csv` for data loading, `d3.scaleBand` and `d3.scaleLinear` for scaling, and rendering as SVG elements. The layout adapts to the browser window’s dimensions.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.
MIT Licensed
Comments
Sign in to join the discussion.