🌍 Public
Viewing a saved revision (read-only)
f78e520d85b24f22840a8cb9828d8781
Fork of ICE-6: Rendering Marks and Channels with React & D3
SSaikiran2029
Last edited Mar 6, 2022
Created on Mar 6, 2022
This visualization displays the top 20 countries by COVID-19 cases on January 28, 2020, as horizontal bars ranked by population. Built with React and D3 v5, the chart uses `d3.scaleBand` for the y-axis country labels and `d3.scaleLinear` for the x-axis case counts, rendering SVG rectangles for bars and manually drawn tick marks and axis labels. Data loads asynchronously from a CSV via `d3.csv`, with numeric parsing applied before state updates trigger re-rendering.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.