{"version":"1.0","type":"rich","title":"Fork of Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This example displays a horizontal bar chart of COVID-19 case counts for 20 countries using React and D3 v5. The visualization maps each country to a green rectangle, with bar lengths proportional to population values fetched from a remote CSV file. It uses `d3.csv` for data loading, `scaleBand` and `scaleLinear` for positioning, and renders gridlines with axis ticks directly as SVG elements. The React component manages data state with `useState` and `useEffect`, while D3 handles scaling and tick generation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/286fd2ab7f514548ba18f7fd4700be7d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}