{"version":"1.0","type":"rich","title":"Untitled","description":"This example demonstrates animated line drawing in SVG using D3.js. Four data points (x, y coordinates) are plotted as circles colored yellow or blue based on their x-value, with a natural cubic spline curve passing through them. The line initially appears with a dash offset and transitions to full visibility over three seconds using D3's `transition()`, `easeLinear`, and a repeating `on(\"end\")` callback. The `d3.line()` function with `curveNatural` generates the path geometry in a React environment.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fc05888bbf4141778e09d983776bad93?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}