{"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 of the top 10 most populous countries, with bars representing viewer counts and country names on the y-axis. The code uses React hooks (useState, useEffect) to load data from a CSV file via d3.csv, then renders SVG marks using React components. D3 scales (scaleBand, scaleLinear) position the bars, while axis ticks and labels are generated manually using JavaScript mapping functions. The chart updates dynamically after data loads asynchronously.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d3cc54fa54c245cba5282c61ab3ba620?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}