Area + Line Chart

Basic chart showing an area with a line that represents continuous data.

• Sandbox
• Graphics
• D3.js
• 03 - Area + Line Chart

Settings

Area / line

Thickness

Shape rendering

auto optimizeSpeed crispEdges geometricPrecision

Interpolation

linear linear-closed step-before step-after basis basis-open basis-closed bundle cardinal cardinal-open cardinal-closed monotone

X Axis

Tick size

Sub-ticks

Sub-tick size

Y Axis

Ticks

Tick size

Sub-ticks

Sub-tick size

Data

JavaScript

CSS