🌍 Public
Viewing a saved revision (read-only)
21210e0f8be64162bd215698f2dcb1ae
Fork of ICE-6: Rendering Marks and Channels with React & D3
SSumanya4
Last edited Mar 7, 2022
Created on Mar 7, 2022
This visualization displays the top 20 countries by COVID-19 cases on January 28, 2020, using a horizontal bar chart rendered as SVG. React manages the component state and DOM elements, while D3 v5 provides scales (`scaleBand`, `scaleLinear`), CSV data loading, and tick generation. The data comes from a GitHub-hosted CSV file, and bars and axes are drawn as React elements positioned by D3 scales. Styling is handled via CSS, with green bars and red gridlines.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.