{"version":"1.0","type":"rich","title":"HP Mentions per Book Force Layout","description":"This example visualizes spell mentions in the Harry Potter series, clustered by book. A force-directed layout groups circles into seven clusters, one per book, using `d3.forceSimulation`, `d3.forceCluster`, and `d3.forceCollide`. Each circle represents a spell mention from a JSON dataset, with color encoding the book number. Hovering a circle triggers a tooltip via `d3-tip`, displaying the specific spell name and book. The SVG rendering uses D3 v4 within a React framework.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-2cba53e72d3e492c0b0d3d7f04ed280c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}