block by sathomas f00d5205ba4d661540c5

Line chart with gradient range

Full Screen

A standard line chart with the addition of a gradient to show the range of values at each point. (In this case the range is ± 2 standard deviations.) Because the center point of the gradient varies with position on the x-axis, a single SVG area is not sufficient. Instead, the code creates a separate area (referred to as a slice) for each data point.

index.html

thumbnail.lnk