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
Bbindhureddy98
Last edited Mar 6, 2022
Created on Mar 6, 2022

This bar chart displays the top 20 countries with the highest number of Corona cases, using data pulled from a CSV file hosted on GitHub. The visualization renders as an SVG via React components, with D3.js v5 handling the data loading through `d3.csv` and the `scaleBand` and `scaleLinear` functions for positioning and sizing the rectangles. The chart includes axis ticks and labels generated programmatically, with blue vertical gridlines marking each x-axis value.

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