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)

ba318e20536e4d48a10a4e1519bbcfde

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

0 stars0🌍 Public
Aaashrithd4
Last edited Mar 5, 2022
Created on Mar 5, 2022

This chart displays a horizontal bar chart of the top 10 most populous countries, using React to render an SVG and D3 v5 for data processing and scales. The React component uses `useEffect` to load a CSV file from a gist URL, then `scaleBand` and `scaleLinear` to map country names and population values to coordinates. Bars are drawn as `rect` elements, with axis ticks and labels generated via D3's `ticks` and `axis` utilities.

AI-generated description

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

See also React Starter.