Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

a2648674c27b4d97b02ac4aaf12745ec

Fork of ICE-6: Rendering Marks and Channels with React & D3

0 stars0🌍 Public
PPrathyusha0304
Last edited Mar 7, 2022
Created on Mar 7, 2022

A horizontal bar chart displays the top 10 most populated countries for 2019, using React for component structure and D3 v5 for scales and data loading via `d3.csv`. The visualization maps country names to a `scaleBand` y-axis and population counts to a `scaleLinear` x-axis, rendering SVG rectangles with grid lines and tick labels. Data comes from a CSV file fetched asynchronously within a `useEffect` hook.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.