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)

6fea9747d78d4a9b8485af5207fb2e73

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

0 stars0🌍 Public
BBajiSharifPatan@my.unt.edu
Last edited Mar 6, 2022
Created on Mar 6, 2022

This interactive bar chart displays the top 10 most populous countries using a dataset of cancer statistics, though the code loads 53 rows. The visualization is built with React and D3 v5, using D3's `scaleBand` and `scaleLinear` to map country names and population values to SVG rectangles. The rendering leverages React's declarative components to generate SVG elements, with axes and tick marks created through D3's `ticks()` method. Data is loaded asynchronously via D3's `csv()` function from a GitHub gist URL.

AI-generated description

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

See also React Starter.