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)

42f9481cb3e641c4886ef64b4114eb36

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

0 stars0🌍 Public
MM
Last edited Mar 13, 2024
Created on Mar 13, 2024

This example shows a horizontal bar chart of COVID-19 cases by country, displaying the top 20 countries based on population. The visualization uses React to manage state and render SVG elements, while D3 v5 handles data loading via `d3.csv` and scales with `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. The chart renders tick marks, labels, and rectangular bars directly as JSX components, with data sourced from a CSV file hosted on GitHub.

AI-generated description

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

See also React Starter.