Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Fork of Fork of Fork of Rendering Data With REACT

Public visualization

Fork of Fork of Fork of Fork of Fork of Rendering Data With REACT

0 stars1🌍 Public
Nnkarinti
Last edited Jul 3, 2023
Created on Jul 3, 2023

A horizontal bar chart displays the top ten countries by population for 2020, loaded from a CSV file via D3's `csv` utility. React components for axes and marks use D3's `scaleBand` and `scaleLinear` to map data to SVG rectangles and text. The `useData` hook fetches and slices the data, while `AxisBottom`, `AxisLeft`, and `Marks` render the SVG output using React's functional component pattern.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.

Comments

Sign in to join the discussion.

MIT Licensed