{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example visualizes office supply sales by rendering a horizontal bar chart of units sold per sales representative, using a sample of 15 records from a CSV dataset. It shows the relationship between representative names on the y-axis and units on the x-axis, with blue gridlines and labeled axes. The chart is built by combining React 16.9 functional components with D3 v5 scales, including `scaleBand` and `scaleLinear`, using `csv`, `max`, and `format` from D3, while React manages state and renders SVG elements directly.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dcfd1b5d860d465b9509586e117950bd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}