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)

f3834e597c2845c2a248954e1d775ba5

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

0 stars0🌍 Public
CCho-Yooyeon
Last edited Jan 25, 2023
Created on Jan 25, 2023

This example shows the top 10 most populous countries in 2019 as a horizontal bar chart. It combines React for component state and rendering with D3 v5 for data loading, scales, and axis ticks. The `csv` function fetches the population data, while `scaleBand` and `scaleLinear` position bars and map values to widths. React creates SVG rectangles for each bar, and D3’s `max` and `ticks` methods compute the scale domain and axis labels.

AI-generated description

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

See also React Starter.