Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Dataviz 2020_Ep23 - 17. Refactoring (BarChart Vertical Ver.)

Public visualization

Dataviz 2020_Ep23 - 17. Refactoring (BarChart Vertical Ver.)

0 stars1🌍 Public
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 description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.

Comments

Sign in to join the discussion.

MIT Licensed