🌍 Public
Viewing a saved revision (read-only)
8ed3a5d4c56f4ee399b8d3f81e555258
Fork of ICE-6: Rendering Marks and Channels with React & D3
DDeegutla123
Last edited Jun 25, 2022
Created on Jun 25, 2022
This visualization displays the top 20 countries by reported coronavirus cases, rendered as horizontal bars in an SVG chart. The application uses React hooks such as `useState` and `useEffect` to asynchronously load and process CSV data via D3’s `csv` method. The chart encodes population counts along a linear scale (`d3.scaleLinear`) for the x-axis and country names on a band scale (`d3.scaleBand`) for the y-axis. Custom grid lines and tick labels are drawn manually, with rectangle marks filled green via CSS.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.