{"version":"1.0","type":"rich","title":"Svelte 5 Starter","description":"This example shows six circles positioned across an SVG canvas using D3 scales, with colors and radii drawn from static data. The Svelte 5 starter uses `$state` and `$derived` runes to track container dimensions and create `scaleLinear` functions from D3, mapping x- and y-coordinates to the responsive width and height. A reusable Circle component uses Svelte 5 `$props()` to pass cx, cy, r, and fill values, with circles given a fixed opacity via CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/616ae7d8497a47bfb4b050f7742854e6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}