{"version":"1.0","type":"rich","title":"Svelte + D3: Random Lines","description":"This example generates fifty random-walk lines, each drawn as a smooth, semi-transparent colored path that re-randomizes every two seconds. Svelte’s `tweened` motion and `interpolatePath` from d3-interpolate-path animate the transition between the old and new line shapes. The code uses D3’s `scaleLinear`, `line`, and `curveNatural` to map data points to SVG coordinates, while Svelte’s `bind:clientWidth` and `bind:clientHeight` make the visualization responsive to container size.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ec31c2b2105b4255b574ae077db0d803?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}