Step by step
Building an area chart relies on the d3.area() helper function. If you're not familiar with it, have a look to shape section of the gallery to understand its basics. Then follow the examples below to put it in practice.
Interactivity
The most common use of interactivity for area chart is the zooming feature. It is usually done through brushing on the X axis, or using a control panel at the bottom of the main chart.
Note: Another common problem is to switch between dataset. This is extensively described in the line chart section. You just have to replace d3.line by d3.area() to get the same features.
Selection of blocks
A few blocks with more complicated codes to showcase what's possible to do with area charts
