{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example shows the number of property recovery cases across fifteen police areas, rendered as horizontal bars whose lengths encode the case counts. The visualization combines React for component state and rendering with D3 v5 for data loading and scales, using `d3.csv` to fetch a CSV file and `scaleBand` and `scaleLinear` for axes. SVG rectangles are drawn inside a React component, with gridlines and tick labels generated via D3’s scale ticks, while the page title appears above the chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6d466a94b88f4699ac385b6002c01300?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}