{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This horizontal bar chart displays the top 10 most populous countries in 2019, with country names on the y-axis and population counts on the x-axis. The React component uses React hooks (useState, useEffect) to asynchronously load CSV data via d3.csv, then renders SVG marks with d3.scaleBand and d3.scaleLinear for positioning. Gridlines and tick labels are generated manually through array mapping rather than d3's axis components, while blue rectangles represent each country's population value.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1297ff50af6746c1830420241febd160?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}