🌍 Public
Viewing a saved revision (read-only)
062d0c24700f4b81b30f9dde6d2dbbc4
Fork of ICE-6: Rendering Marks and Channels with React & D3
RRavi Teja Bonam
Last edited Mar 10, 2022
Created on Mar 1, 2022
This example shows a horizontal bar chart of the top 10 countries by active COVID-19 cases, with a blue grid and labeled axes. The visualization is built using React and D3 v5, where D3’s `scaleBand` and `scaleLinear` determine bar positions and lengths, while React renders the SVG elements. Data is loaded asynchronously from a CSV file using D3’s `csv` method, and the chart updates once the data arrives.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.