{"version":"1.0","type":"rich","title":"d3.js learning","description":"This example shows a stacked bar chart of fruit consumption over time, using d3.v3 with SVG rendering and React integration. The visualization displays four categories (redDelicious, mcintosh, oranges, and pears) as stacked layers, with a tooltip revealing individual segment values on mouseover. The code uses d3.layout.stack() to transpose data, d3.time.format for year parsing, and d3.svg.axis for both x and y axes, building the chart with svg rect elements and a custom legend.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7118703cad6a49cabc1e649a15060981?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}