{"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 as SVG. It is built with React for component structure and D3 v5 for data loading and scales, specifically using `scaleBand` for the categorical country axis and `scaleLinear` for the numeric cost axis. Data is fetched from a CSV file, and the bars, axis ticks, and gridlines are drawn manually with SVG elements rather than D3’s convenience methods. The chart updates reactively when the data loads, showing the cost range across different markets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d6f650cb982e43a4858c08939f54d366?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}