🌍 Public
Viewing a saved revision (read-only)
b75e0e69c7e448c0b4d6ca4e9975e5bb
Fork of ICE-6: Rendering Marks and Channels with React & D3
RRamakanth771
Last edited Mar 5, 2022
Created on Mar 5, 2022
This example visualizes the top 10 most populous countries in 2019 as a horizontal bar chart, with country names on the y-axis and population counts on the x-axis. The visualization uses React for component rendering and D3 v5’s `csv`, `scaleBand`, and `scaleLinear` APIs to load, scale, and draw the data as SVG rectangles. Population data comes from a CSV file linked in the code, and the chart is fully rendered in the browser using React’s `useState` and `useEffect` hooks.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.