{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"This example shows the Netflix basic subscription price across 15 countries using a horizontal bar chart rendered with React and D3 v5. The visualization encodes price as bar length on a linear scale, with country names on a band scale. Data loads from a CSV file via `d3.csv`, while React manages state through the `useState` and `useEffect` hooks. D3’s `scaleBand`, `scaleLinear`, and `max` functions compute the scales, and React maps the data to SVG `<rect>` and `<text>` elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f90245240e7842df94dd1d25c82d28bc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}