D3 Show Reel
The D3 Show Reel cycles through ten chart types—lines, horizons, areas, stacked areas, streamgraph, overlapping areas, grouped bars, stacked bars, bars, and donut—using seamless transitions. It renders real monthly stock closing prices for Microsoft, Amazon, and IBM over ten years as animated SVG paths and shapes. The code uses d3.svg.line, d3.svg.area, d3.nest, d3.time.scale, and d3.timer to coordinate the morphing sequences, with color scales and clip paths for the horizon chart.