{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"This example visualizes video game review scores for a subset of games using a horizontal bar chart. The chart maps game names to the y-axis with a band scale and scores to the x-axis with a linear scale, rendering red gridlines and score labels. Built with React hooks and D3 v5, it loads CSV data from a GitHub gist, slices it to twenty entries, and renders SVG rectangles via React components. The code directly uses d3.csv, d3.scaleBand, d3.scaleLinear, and d3.max for data processing and scaling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ce17807d5e38447292f4ef4ba296cb4c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}