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)

cd98f6547cf540f49d08757521e2c1a8

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

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

This example displays a horizontal bar chart of the top 10 most populous countries, with country names on the y-axis and population values on the x-axis. The visualization uses React to manage state and render SVG elements, while D3 provides the `csv` data loading, `scaleBand` and `scaleLinear` for scales, and `max` for domain calculation. Population data is sourced from a CSV file, and each bar’s width encodes the 2019 population value, with grid lines and tick labels generated from D3’s scale ticks.

AI-generated description

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

See also React Starter.