Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Axes with React & D3

Public visualization

Axes with React & D3

0 stars1🌍 Public
Bbsolomon103
Last edited Jan 2, 2022
Created on Dec 30, 2021

This example shows a horizontal bar chart displaying the top ten countries by 2020 population from a UN dataset. The visualization uses React for component rendering and D3 v7 utilities for data loading and scales. Axes are manually constructed with SVG elements, using `scaleBand` for the categorical country labels and `scaleLinear` for the numeric population values. Data is fetched as CSV, parsed with D3's `csv` function, and rendered as SVG rectangles within a React component.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities and uses React to render the data.

Comments

Sign in to join the discussion.

MIT Licensed