{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This visualization shows the basic cost of Netflix subscriptions across fifteen countries, rendered as horizontal bars ranked by country name. It uses React hooks to load CSV data and D3 v5 scales (`scaleBand`, `scaleLinear`) to position rectangles in an SVG. The code manually constructs axes with `xScale.ticks()` and grid lines, while omitting D3’s axis generators, and colors bars in the default black.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2f2de44e04ec430eb7c1934791de034d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}