{"version":"1.0","type":"rich","title":"Real time chart","description":"This example demonstrates a real-time line chart that continuously updates with new data points. The visualization shows a scrolling line graph where new random values are appended and old ones shift out of view every half second. The chart uses D3 v5 to generate data with `d3.randomNormal`, and displays an animated SVG path created with `d3.line`. The updating mechanism relies on D3 transitions with `easeLinear`, using `transition.attrTween` (via the `tick` function) to slide the line horizontally while clipped by a clipPath.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0c35a1a02c834bb4b9543895819a3e9a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}