{"version":"1.0","type":"rich","title":"V5 Reusable Examples - Nested data, Chart (line) series DDM - Example 5.2","description":"This example demonstrates a reusable multi-line chart with a Drop Down Menu to filter fruit sales data by year. It uses D3.js v5 to render an SVG chart with axes and animated line series, nested data structures, and a menu that updates the visualization. The code follows a modular, reusable chart pattern inspired by Mike Bostock's guidelines and the ProD3.js approach, employing D3's `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` APIs to manage scales, axes, and color encoding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/13f2e2eff99c46459d15ad490f10cc85?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}