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)

ba49238e0a274dfc953b563869a7e818

Fork of Rendering Data with React & D3

0 stars0🌍 Public
Aalexanderjpark
Last edited Jan 9, 2022
Created on Jan 9, 2022

This example shows a bar chart of the ten most populous countries for 2020, using data loaded from a CSV file of UN population estimates. The visualization renders as a series of horizontal rectangles whose lengths correspond to each country’s population. Built with React for component structure and D3 utilities for data loading (`d3.csv`) and scaling (`scaleBand`, `scaleLinear`), the chart is drawn as an SVG. The code uses React hooks (`useState`, `useEffect`) to fetch and store the data, then maps it directly to `<rect>` elements.

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!