🌍 Public
Viewing a saved revision (read-only)
0a8e3772f31d4d6a9961051f7e2e989c
Fork of ICE-6: Rendering Marks and Channels with React & D3
PPrathyusha0304
Last edited Mar 7, 2022
Created on Mar 7, 2022
A bar chart displays the top 10 most populous countries, with horizontal bars representing each country's 2019 population. The chart uses React's `useState` and `useEffect` hooks to load CSV data via `d3.csv`, then renders SVG marks directly in JSX. D3's `scaleBand` and `scaleLinear` position bars, while tick marks and grid lines are drawn manually using SVG elements. The data comes from a GitHub-hosted CSV file, and bars are colored with a default dark tone.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.