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

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.

Comments

Sign in to join the discussion.

MIT Licensed