{"version":"1.0","type":"rich","title":"Cosmetic Area Chart","description":"This visualization shows how the prices of cosmetic products vary across a dataset, using a filled area chart where the x-axis represents the index of products and the y-axis displays price in USD. The blue, semi-transparent area emphasizes the overall price range and distribution across the product list. Built with D3.js v7, the code loads CSV data from a GitHub gist, parses the Price field, and constructs linear scales for both axes. It renders the area using the `d3.area()` generator into an SVG path, with labeled axes and a heading.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a5191f5913224018968a3b9c7d024a3c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}