This example shows a few interesting techniques with D3.js:
- Stock prices in CSV format are loaded asynchronously.
- Stock prices are nested by symbol.
- The x-scale is the minimum and maximum across symbols. (Note Google’s IPO.)
- The y-scale is local to each symbol; the domain is set per multiple.
- Area and line shapes are used to fill and stroke separately.
- Cubic monotone interpolation gives a smooth line without misleading wiggles.
This example is also missing reference lines for the x- and y-axis. That’s because I’ll be extending this example to use the new axis component!