{"version":"1.0","type":"rich","title":"DV ICE 6","description":"This example visualizes the top 10 revenue-generating athletes using a bar chart that maps TotalPay to bar width and athlete names to vertical bands. The chart uses React for component state and lifecycle, while D3 v5 handles data loading via `d3.csv` and scales (`scaleLinear` and `scaleBand`) to position elements. SVG rectangles render the bars, and axes are custom-built with D3’s `scaleBand` and `scaleLinear` APIs, styling tick text and lines directly. The data is fetched from a remote CSV file hosted on GitHub Gist.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7b79046310ac4182a1631542eaf76feb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}