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)

c4ca597ec32c4d7ba43e0d71f09575fe

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

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

This example shows a horizontal bar chart of the top 10 most populous countries in 2019. The chart renders SVG rectangles scaled by population using D3’s `scaleLinear` and `scaleBand`. It loads CSV data via `d3.csv`, uses React hooks (`useState`, `useEffect`) to manage state, and manually draws axes and gridlines with D3’s `scaleLinear.ticks` and React JSX, without relying on `d3.axisLeft` or `d3.axisBottom`.

AI-generated description

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

See also React Starter.