Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

refactored bar chart

Public visualization

Viewing a saved revision (read-only)

07e4d5c2b7094c0aad4299ecb5d576fd

refactored bar chart

0 stars1🌍 Public
Sseanowh
Last edited Sep 1, 2021
Created on Sep 1, 2021

This visualization displays the populations of ten countries as horizontal blue bars, with a y-axis of country names and an x-axis of population values. The chart is built with React components that render SVG elements, using D3’s `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `csv` to load UN population estimates from a remote file. Bar heights are set to two-thirds of the band width, and opacity is applied to the rectangles for a semi-transparent effect.

AI-generated description

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