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

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

0 stars0๐ŸŒ Public
Llikith1266
Last edited Mar 6, 2022
Created on Mar 6, 2022

This example shows a horizontal bar chart of the top 20 countries by COVID-19 cases, using data loaded from a CSV file via `d3.csv` and rendered with React and D3 v5. The visualization uses `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and draws SVG `<rect>` elements for the bars with tick marks and labels generated from `xScale.ticks()`. The chart updates reactively from React state, with the data slice and parsing handled inside a `useEffect` hook.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed