Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Data with React & D3

Public visualization

Fork of Rendering Data with React & D3

0 stars1🌍 Public
Jjth500
Last edited Apr 23, 2023
Created on Apr 23, 2023

This example shows a bar chart of the top 10 countries by population from the UN Population 2019 dataset, rendered as SVG rectangles. It uses React hooks (useState, useEffect) to load and store CSV data via d3.csv, then maps each country to a rect with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. The chart updates after data is fetched and displayed as a loading message beforehand. React’s declarative rendering drives the SVG output, while D3 handles the data parsing and scales.

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!

Comments

Sign in to join the discussion.

MIT Licensed