Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

ce3f3a44d7b84014ae0a2f990849a340

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

0 stars0🌍 Public
DDivyaVellanki
Last edited Mar 7, 2022
Created on Mar 7, 2022

This horizontal bar chart displays the ten countries with the highest populations, using bar length to encode population size and the y-axis to list country names. Built with React and D3.js, the visualization loads CSV data from a GitHub gist, then uses D3's `scaleBand` and `scaleLinear` to map data to SVG rectangles. The chart includes grid lines and axis tick labels generated from D3's scale methods, with a title indicating the data represents the highest population figures.

AI-generated description

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

See also React Starter.