Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

stylised bar chart

Public visualization

Viewing a saved revision (read-only)

a1a3cd3c13674671a4db2e506ac2727b

stylised bar chart

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

This stylised bar chart displays the population of ten countries from a UN dataset, using horizontal bars scaled by population value. Built with React and D3 v7 in SVG, it employs `scaleBand` for the categorical y-axis and `scaleLinear` for the population x-axis. The chart features a clean, minimalist design with Raleway typography, custom tick styling, and tooltips showing formatted values via `d3.format`. Data is loaded asynchronously using `d3.csv` and rendered through a React state hook.

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.