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)

c0191a997260491aae3de2e6164e8f66

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

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

This example shows a horizontal bar chart of the top 10 most populous countries, using population data from a CSV file. The chart is built with React components that render SVG elements, with D3 scales and axes from `d3.scaleBand`, `d3.scaleLinear`, and `d3.max` handling the layout. A loading state is displayed until the data is fetched via `d3.csv`. The visualization demonstrates how React manages the DOM while D3 provides the data-driven mapping and axis generation.

AI-generated description

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

See also React Starter.