{"version":"1.0","type":"rich","title":"Fork of Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example visualizes office supply sales data as a horizontal bar chart showing units sold per sales representative. React component state manages the loaded data, while D3’s `scaleBand` and `scaleLinear` map sales values to bar widths. The code uses D3’s `csv` parser to fetch the dataset, then renders SVG rectangles and manual tick labels with gridlines, all within a React `svg` element. ReactDOM’s `render` method mounts the chart into the page’s root div.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a88393a423764232a4caad78e5bde3e2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}