Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

37486a1b99304d5b94569716286a0e4f

Refactored Bar Chart

0 stars1🌍 Public
RRMartins11
Last edited May 4, 2021
Created on May 4, 2021

A horizontal bar chart displays the top 10 countries by 2020 population, sourced from a UN population CSV loaded via `d3.csv`. React components render SVG axes and marks, with `d3.scaleBand` mapping countries to vertical bands and `d3.scaleLinear` mapping population values to bar widths. The chart includes custom `AxisBottom` and `AxisLeft` components with tick lines and labels, demonstrating a modular React+D3 refactoring pattern.

AI-generated description

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