{"version":"1.0","type":"rich","title":"ICE 6 Rendering Marks and Channels","description":"This example shows a bar chart of the top 10 most populated states in India, using horizontal bars to encode population size. The chart loads data from a CSV file via `d3.csv` and renders with React and SVG. It uses `d3.scaleBand` for the y-axis state categories and `d3.scaleLinear` for the x-axis population values, with `d3.max` to determine the scale domain. Axes are drawn manually using SVG elements rather than d3 axis components, and gray grid lines are added for each tick value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2384b041808a49248f63a380dc0abd27?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}