Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Refactored Bar Chart

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

d9760d5b9bb6444394b8074f3c3313af

Open

Refactored Bar Chart

0 stars1🌍 Public
Jj-PGi
Last edited Jul 25, 2021
Created on Jul 25, 2021
Forked from Margins and Axes

This example presents a horizontal bar chart displaying the top 10 most populous countries for the year 2020, sourced via a CSV from the UN Population dataset. Built with React and D3 v5, it uses D3’s `scaleBand` and `scaleLinear` to compute scaling and relies on custom components for axes and marks. The chart renders as an SVG through React components, with D3’s `csv` utility fetching and parsing the data.

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!