Maanas Katta ICE - 6 Rendering Marks and Channels with ReactJs and D3.js
✓ Published0🌍 Public
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 descriptionMIT Licensed