{"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 twelve countries using horizontal bars. The React component loads data from a CSV file, and D3’s `scaleBand` and `scaleLinear` map country names and costs to x/y positions, rendering `<rect>` marks within an SVG. Axes and ticks are generated manually via `xScale.ticks()` and D3’s `scaleBand` domain, with the y-axis labels positioned by `yScale`. The chart is updated asynchronously via `useEffect` and `csv` from D3 v5.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/716da503065f4e29b69dd4a508518d4f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}