Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart

Public visualization

Viewing a saved revision (read-only)

b64a03a997a648b9ac759de0764d079d

Bar Chart

0 stars0🌍 Public
GGeneralHummel
Last edited Aug 9, 2021
Created on Aug 8, 2021

This bar chart displays the top 10 countries by estimated 2020 population, using horizontal bars ranked from largest to smallest. The visualization loads CSV data from a GitHub gist, which is parsed with `d3.csv` and structured in React state via a custom `useData` hook. The x-axis uses a `d3.scaleLinear` range mapped to population values, while the y-axis uses a `d3.scaleBand` for country categories. SVG elements are generated by React components for axes and marks, with `d3.format` applied to abbreviate tick labels.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!