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)

f9f446d271544b1cb6592eab85d4de1e

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

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

This visualization displays the top 10 most populous countries using a bar chart rendered with React and D3. The bars represent population data loaded from a CSV file, with country names on the y-axis and population values on the x-axis. The code uses `d3.csv` for data loading, `scaleBand` and `scaleLinear` for scaling, and renders SVG rectangles directly through React components. Grid lines are drawn using `xScale.ticks`, with axis labels positioned manually.

AI-generated description

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

See also React Starter.