🌍 Public
Fork of ICE-6: Rendering Marks and Channels with React & D3
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 descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
Comments
Sign in to join the discussion.