Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

5ac7d79bf39b4862b7499ecfdc0a6b40

Refactored Bar Chart

0 stars1🌍 Public
JJoe Hutchins
Last edited Feb 22, 2022
Created on Feb 20, 2022

This visualization displays the top ten OECD countries by population in 2012 using a horizontal bar chart rendered with SVG. React components structure the visualization, while D3 v7 utilities handle data loading via `d3.csv` and scales (`scaleBand`, `scaleLinear`). The reusable `Marks`, `AxisBottom`, and `AxisLeft` components render bars and axes from the CSS color data source.

AI-generated description

A program that load in some data about CSS named colors using D3 utilities, and uses React to render a Bar Chart