Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Viewing a saved revision (read-only)

cfda5fdaae434616ad65cadeabe3f682

Refactored Bar Chart

0 stars1🌍 Public
AAndre J Denais
Last edited Nov 9, 2020
Created on Sep 11, 2020

This Refactored Bar Chart displays the top ten countries by population in 2020 using a horizontal bar layout. A React component loads CSV data from a GitHub-hosted UN population dataset, then renders an SVG with d3.scaleBand for the categorical y-axis, d3.scaleLinear for the quantitative x-axis, and separate AxisLeft, AxisBottom, and Marks components for modular chart construction. Each bar’s length encodes population values, with axis ticks and labels generated programmatically from the scales.

AI-generated description

A program for playing with Bar Charts in D3.