{"version":"1.0","type":"rich","title":"Svelte Circles with D3","description":"This example combines Svelte’s reactive components with D3.js to render two distinct visualizations. The primary view displays an array of circles with varied radii and colors, scaled from raw coordinate data using d3.scaleLinear functions. The secondary component loads CSV data from a GitHub gist via d3.csv and renders it as a simple HTML list. The visualization demonstrates data binding through Svelte’s templating syntax alongside D3’s selection and scaling APIs, using SVG elements for the circle rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/50788e2de65c40a2b363999eb7396788?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}