{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"The visualization displays the top 15 countries by COVID-19 deaths using a horizontal bar chart, with each bar’s length encoded by the `Deaths` value on a linear scale. The chart fetches its data from a CSV file and renders a static SVG. It uses the `d3.scaleBand` for y-axis positioning, `d3.scaleLinear` for the x-axis, and `d3.svg` icons to draw axis ticks and labels. The React component manages state with `useState` and `useEffect`, and the bars and axes are generated by mapping over the data within an SVG `<g>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dd8fb41d2a454791ba6adb71af106d13?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}