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)

b57199fdb5ab4523af555664a3914aed

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

0 stars0🌍 Public
Vvenkatajayanth03
Last edited Jun 26, 2022
Created on Jun 26, 2022

This interactive bar chart displays the number of COVID-19 cases for the top 20 countries, using a horizontal bar mark with length encoding the case count. Built with React and D3 v5, the visualization renders as SVG and uses `scaleBand` for the categorical y-axis, `scaleLinear` for the quantitative x-axis, and `d3.csv` to load the data from a GitHub-hosted CSV file. The code explicitly draws axis ticks and gridlines, while `ReactDOM.render` mounts the chart into the DOM, and the title "Corona Cases" is provided in the HTML.

AI-generated description

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

See also React Starter.