Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Loading Data with React & D3

Public visualization

Fork of Loading Data with React & D3

0 stars0🌍 Public
HHunDeTroie
Last edited Dec 20, 2021
Created on Dec 16, 2021

This example shows a bar chart of the top 10 countries by 2020 UN population estimates, loaded asynchronously from a CSV file. The chart uses D3 scales (scaleBand and scaleLinear) to map country names and population values to SVG rectangles, with grid lines and tick labels generated from the x-axis scale. React manages the component state, fetching data with the useEffect hook and rendering the SVG markup directly. The visualization demonstrates a simple integration of React for UI state and D3 for data-driven SVG geometry.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed