Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Rendering Marks and Channels with React & D3

Public visualization

Fork of Rendering Marks and Channels with React & D3

0 stars0🌍 Public
SSumanya4
Last edited Mar 7, 2022
Created on Mar 7, 2022

This example shows a horizontal bar chart displaying the first 20 countries from a COVID-19 dataset, with each bar’s length representing the number of cases reported on January 28, 2020. The chart is built using React for component rendering and D3 v5 for scales and axes, with SVG as the output format. D3’s `scaleBand` and `scaleLinear` position the bars and map case counts to pixel widths, while `xScale.ticks()` generates the axis tick labels. The data is loaded asynchronously from a CSV file using `d3.csv`.

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