{"version":"1.0","type":"rich","title":"multiple area","description":"This visualization displays mock energy data for two sites across months, using semi-transparent filled areas to compare temporal trends. Built with D3 v5, it employs `d3.area()` for the shaded regions, `d3.line()` for outlines, and `d3.nest()` to group data by site. The SVG rendering includes custom axes with gridlines, a legend, and gradient-filled clip paths created via `d3.scaleOrdinal` for color encoding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fc160bd4e4ef4c57aea27f537e982137?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}