🌍 Public
Viewing a saved revision (read-only)
a2d865e44e344b5885390edf8e66a83e
Fork of ICE-6: Rendering Marks and Channels with React & D3
Sshabbab01
Last edited Mar 7, 2022
Created on Mar 7, 2022
This visualization displays a horizontal bar chart of the top 10 most populous countries in 2019. The React component uses D3 scales (`d3.scaleBand` and `d3.scaleLinear`) to position bars and axes, rendering SVG marks directly with React elements. Data is loaded asynchronously from a CSV via `d3.csv`. The chart includes custom axes with tick labels and gridlines, all styled through inline SVG attributes.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.