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)

c35c1ead92074414b2774668a6f0dd6f

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

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

A bar chart displays the top 10 most populous countries in 2019, with the population values loaded from a CSV file. The visualization uses React components to render SVG marks and channels, while D3 v5 provides scales and data processing through `csv()`, `scaleBand()`, and `scaleLinear()`. Grid lines and text labels for both axes are generated manually using the scale methods, with each country represented by a rectangular bar whose width encodes its population.

AI-generated description

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

See also React Starter.