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)

5b964043ed2b4d06aa53e8787e963bae

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

0 stars0🌍 Public
Mmanvithareddykarra
Last edited Mar 6, 2022
Created on Mar 6, 2022

This interactive bar chart displays the top 10 most populous countries using data loaded from a CSV file. The visualization uses React to render SVG marks, with D3’s `scaleBand` and `scaleLinear` mapping countries to horizontal bars and population values to their lengths. Grid lines, tick labels, and axis text are generated manually via D3 scales, while React’s `useEffect` and `useState` handle asynchronous data fetching and state management.

AI-generated description

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

See also React Starter.