{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"This example shows COVID-19 deaths in Oceania until March 2022, with a horizontal bar chart ranking the top 10 countries by total deaths. The visualization uses React to render SVG marks, while D3 v5 provides the `csv` loader, `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and manually generated gridlines and tick labels. Data is loaded from a GitHub-hosted CSV file and styled with CSS hover effects that change bar colors.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9188b69f07b94c69a704b0948032c507?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}