{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This visualization displays the basic cost of Netflix subscriptions across 15 countries using a horizontal bar chart rendered with React and D3 v5. The code uses `scaleBand` and `scaleLinear` to map country names and costs to SVG coordinates, with blue axis ticks and labeled bars showing each nation’s pricing. Data loads from a CSV file via `d3.csv`, while React hooks (`useState`, `useEffect`) manage the asynchronous fetch and re-render the SVG marks.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/525b90a79896496eb2c7bfb011733536?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}