🌍 Public
Viewing a saved revision (read-only)
abbb3644118f45f59c8b1c2ac60a7e19
Fork of ICE-6: Rendering Marks and Channels with React & D3
SSamanvitha1
Last edited Jun 26, 2022
Created on Jun 26, 2022
This bar chart visualizes COVID-19 cases across the top 20 countries, using horizontal bars to compare case counts. The visualization is built with React and D3 v5, where React manages state and renders SVG elements while D3 scales handle data mapping. The code uses `d3.scaleBand` for the categorical y-axis, `d3.scaleLinear` for the quantitative x-axis, and `d3.csv` to load the dataset from a GitHub gist. Tick marks and axis labels are generated manually through React's array mapping rather than using D3's axis components.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.