{"version":"1.0","type":"rich","title":"Interactive Line Graph","description":"This interactive line graph demonstrates how to create live-updating time-series visualizations using D3.js and jQuery. The page displays three graphs simultaneously, with different scales (pow, linear, and dual-axis) and color schemes for multiple data series. The main graph updates in real-time via a setInterval that shifts data values and animates the sliding window. Each graph is generated using a reusable LineGraph constructor that accepts configurable options for margins, axis placement, colors, scales, and data rounding. The example also shows how presentation metadata (display names, colors, axis assignments) can be injected into the data object before rendering, simulating how server-side data would be decorated for display.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-a4c683dd3b8d1e853039a7580eb33425?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}