{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This visualization displays a horizontal bar chart ranking the top 10 most populous countries based on 1990 nuclear energy data. The chart uses SVG rendering within a React component, leveraging d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. Data is loaded asynchronously via d3.csv from a GitHub gist, with the first nine rows selected for display. The code manually constructs gridlines, tick labels, and rectangles rather than using d3.axisBottom or d3.axisLeft, demonstrating explicit mark and channel creation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/66296673fd3445299f8ef8faa690bbbc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}