{"version":"1.0","type":"rich","title":"Maanas Katta ICE - 6 Rendering Marks and Channels with ReactJs and D3.js","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/adc83603f6034dfab75dff5bcae7ef56?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}