Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

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

Public visualization

Viewing a saved revision (read-only)

5a2aef4216484dd78b72989e8ca7a22f

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

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

This visualization presents newly admitted COVID-19 patients in the UK from January 23 to February 2, 2021, as a horizontal bar chart. The React application loads data from a CSV file using d3.csv and renders the chart as SVG elements. D3's `scaleBand` and `scaleLinear` handle the axes, while grid lines and tick labels are generated from `xScale.ticks()`. Each bar's length corresponds to the daily admission count, with the y-axis displaying dates and the x-axis showing admission numbers. The chart is styled with a steelblue fill for the rectangles.

AI-generated description

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

See also React Starter.