{"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 the top 10 most populous countries in 2019, sourced from a CSV file. The visualization renders the chart as an SVG, using React for component structure and state management, while D3 v5 utilities like `scaleBand`, `scaleLinear`, and `csv` handle data loading and scaling. The code draws axis ticks and labels directly, alongside the bars, within a single SVG `<g>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6845aebdb6cb4d32a9f2124358eb56b4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}