{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"This example displays review scores for a selection of video games as a horizontal bar chart, with game names on the y-axis and score values on the x-axis. It uses React for component structure and state management, while D3 v5 functions like `scaleBand`, `scaleLinear`, and `max` handle data scaling and layout. The data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles. D3’s axis ticks are manually generated through `xScale.ticks()`, and the chart is styled with red gridlines.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3c9a76626c3a4a048f52c4c7ac7fc34e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}