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)

6c16e6ab46d3444e886f14b0ae98aa14

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

0 stars1🌍 Public
RRavi Teja Bonam
Last edited Mar 10, 2022
Created on Mar 1, 2022

This example shows a horizontal bar chart of the top 10 countries by active COVID-19 cases, with a blue grid and labeled axes. The visualization is built using React and D3 v5, where D3’s `scaleBand` and `scaleLinear` determine bar positions and lengths, while React renders the SVG elements. Data is loaded asynchronously from a CSV file using D3’s `csv` method, and the chart updates once the data arrives.

AI-generated description

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

See also React Starter.