Skip to main content
100%

Maanas Katta ICE - 6 Rendering Marks and Channels with ReactJs and D3.js

✓ Published0🌍 Public
MMaanas Katta
Last edited Mar 6, 2022
Created on Mar 5, 2022
Forked from HTML Starter

This example shows the top 10 countries by deaths from air pollution in 2020 as a horizontal bar chart, with countries on the y-axis and death counts on the x-axis. The visualization uses React to manage component state and D3 v5 functions such as `scaleBand`, `scaleLinear`, and `max` to compute scales and domains from CSV data loaded via `d3.csv`. Bars are rendered as SVG `<rect>` elements inside a React component, with alternating sky-blue and deep-sky-blue fills. The chart includes axis ticks and grid lines, all styled with violet strokes on a black background.

AI-generated description
MIT Licensed

Similar vizzes