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)

b8ed3a92c0774ef6b96c20f90d7b607e

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

0 stars0🌍 Public
Ssumitradevipolina
Last edited Mar 1, 2022
Created on Mar 1, 2022

A horizontal bar chart displays the top 10 most populous countries, with population values from a CSV file loaded via `d3.csv`. The chart uses `scaleBand` and `scaleLinear` from D3 to map countries and populations, while React manages the component state and rendering. SVG elements for rectangles, axes, and tick labels are generated declaratively through React's JSX, with grid lines and text labels drawn directly from D3's scale ticks.

AI-generated description

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

See also React Starter.