Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refectoring a Bar Chart

Public visualization

Viewing a saved revision (read-only)

f957585be7104d5fa3d28d8a384a18d8

Refectoring a Bar Chart

0 stars1🌍 Public
TtrwMK
Last edited Oct 15, 2022
Created on Oct 15, 2022

A bar chart displays the top 10 countries by population from a United Nations dataset loaded via `d3.csv`. React components render the SVG axes and bars, with scales created using `d3.scaleBand` and `d3.scaleLinear`. The chart is refactored into reusable modules for the bottom axis, left axis, and marks, demonstrating a clean separation of visualization logic.

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!