{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This bar chart shows the basic cost of Netflix in up to fifteen countries, using horizontal bars ranked along a categorical y-axis and a linear x-axis for cost. The visualization combines React's component model with D3 v5 utilities, using `scaleBand` and `scaleLinear` for axes, `csv` to load data from a gist, and rendering bars as SVG `<rect>` elements within a React component. The chart draws axis ticks and labels manually, with D3's `max` for domain scaling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c1e42d67150d4144bed62c01e28520aa?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}