{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This visualization shows the basic monthly cost of Netflix in the top 15 countries, rendered as horizontal bars in an SVG. It uses React for component state and lifecycle, loading the CSV dataset with the `csv` function from D3. The visualization manually constructs x- and y-axes using `scaleLinear` and `scaleBand`, drawing tick marks and labels as SVG elements without the axis helper components, and maps each country to a `rect` bar scaled by its cost.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d08fbf12ce0741acaaa6e30a793d14e9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}