Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

c12a7da31ec541cfa1e2e434cec15f5e

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

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

This visualization displays a horizontal bar chart ranking the top 10 most populous countries in 2019. It uses React for component structure and state management, with D3 v5 libraries for data loading via `d3.csv` and for building the scales (`d3.scaleBand`, `d3.scaleLinear`) and axes. The chart is rendered as an SVG, with each bar’s length encoding population size and the country labels positioned along the y-axis. The data is sourced from a Gist-hosted CSV file containing the 2019 population estimates.

AI-generated description

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

See also React Starter.