🌍 Public
Viewing a saved revision (read-only)
a567b562246c4a92a744ca10b7676c60
ICE-6: Rendering Marks and Channels with React & D3
SSonuSriN
Last edited Mar 3, 2022
Created on Mar 3, 2022
This example shows COVID-19 deaths in Oceania until March 2022, with a horizontal bar chart ranking the top 10 countries by total deaths. The visualization uses React to render SVG marks, while D3 v5 provides the `csv` loader, `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and manually generated gridlines and tick labels. Data is loaded from a GitHub-hosted CSV file and styled with CSS hover effects that change bar colors.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.