Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Viewing a saved revision (read-only)

913a1a98f2ba4f2bbcffcf420ba3ae73

Fork of Rendering Data with React & D3

0 stars1🌍 Public
HHaris Abdullah
Last edited Sep 28, 2021
Created on Sep 28, 2021

This visualization displays United Nations population estimates for 2020 as a horizontal bar chart, with each bar representing a country’s population. The chart is built using React for component rendering and D3 utilities for data loading and scaling, specifically `d3.csv`, `d3.scaleBand`, and `d3.scaleLinear`. The code fetches CSV data from a GitHub gist URL, parses the population column, and renders SVG rectangles whose widths correspond to population values. The visualization updates reactively as data loads, showing a loading message until the dataset arrives.

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!