{"version":"1.0","type":"rich","title":"Fork of Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example shows a horizontal bar chart of office supply sales, displaying the top 15 items with their unit counts. The visualization uses React to manage the component state and render the SVG elements, while D3 provides the data-loading and scaling utilities, including `csv`, `scaleBand`, and `scaleLinear`. The data is fetched from a GitHub Gist URL, and the bars are drawn as SVG `<rect>` elements with custom tick marks and labels for both axes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8fb8f88c1dcc4f7e9905a1c05a2537f3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}