{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example displays a horizontal bar chart of the top 10 most populous states in India, using React components to render SVG marks and D3 scales for layout. The chart encodes population values as bar widths on a linear x-axis and state names as categorical bands on a band scale y-axis. Data loads asynchronously from a CSV file via `d3.csv`, and the code manually constructs axes and tick marks without using D3’s axis generators, relying instead on `scaleLinear`, `scaleBand`, and `max` from D3 v5.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/49fd74ce11c1480bbec94bd389df2acc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}