{"version":"1.0","type":"rich","title":"Gist 5102490","description":"A collection of 20 colored circles is arranged diagonally across an 800x500 SVG canvas, each with an increasing radius and positioned along a line from the top-left toward the bottom-right. The circles use D3's category20 color scale to assign each one a distinct color, with black stroke outlines. Hovering over any circle triggers a Tipsy tooltip (Facebook-style) that displays the circle’s index and its color value in matching colored text, demonstrating how to combine D3 data binding with jQuery-based tooltips for interactive SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-5102490?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}