Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

stylised bar chart

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed