{"version":"1.0","type":"rich","title":"ICE-6: Sample example for Marks and channels with d3.js","description":"This example shows the basic cost of Netflix subscriptions for 15 countries using horizontal bars, with each bar’s length encoding cost and the country name as a categorical label. The chart is built with React and D3 v5, using `scaleBand` for the y-axis positions and `scaleLinear` for the x-axis values, rendering SVG rectangles. Data is loaded asynchronously from a CSV file via `d3.csv` and includes a custom row parser to convert numeric values, with axes drawn manually using `xScale.ticks()` and custom text elements rather than D3’s axis components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b40e6d0d72a74f4796997780ed1b6b69?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}