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
Llefat92
Last edited Aug 15, 2023
Created on Aug 15, 2023

This example shows a horizontal bar chart of the ten most populous countries in 2020, with country names on the y-axis and population values on the x-axis. The visualization uses React to render SVG elements and D3 utilities—`csv` for data loading, `scaleBand` and `scaleLinear` for axis scaling, and `max` for domain calculation. It draws grid lines, tick labels, and bars positioned via the scales. The data comes from a GitHub-hosted CSV file.

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