{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This visualization shows a horizontal bar chart comparing policy numbers against their insured values, displaying the first fifteen records from a policy CSV dataset. The chart uses green styling for the title and renders blue bars with red gridlines on an SVG canvas. Built with React and D3 v5, the code employs `d3.scaleBand` for the y-axis policy labels and `d3.scaleLinear` for the x-axis values, while using React state management to fetch and process the CSV data via `d3.csv` before rendering the SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dba50182a94f4fccbd722771643fd3b1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}