🌍 Public
Viewing a saved revision (read-only)
ce7c6cbacc2e496098f049f854aca705
Fork of Fork of Fork of ICE-6: Rendering Marks and Channels with React & D3
TTharun2022
Last edited Mar 4, 2022
Created on Mar 4, 2022
This example visualizes the top 10 most populous countries in 2019 using a horizontal bar chart rendered with SVG. The chart encodes population counts through bar lengths on a linear scale, while country names are positioned on a band scale. The application is built with React and D3 v5, using React hooks like `useState` and `useEffect` to load and manage data. D3's `csv`, `scaleBand`, `scaleLinear`, and `max` utilities handle parsing and scaling. Data is fetched from a GitHub Gist containing the 2019 population estimates.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.