Line

A line chart is used when you want to emphasize changes in values for one variable (plotted on the vertical axis) over continuous values of a second variable (plotted on the horizontal axis). This emphasis on patterns of change is conveyed by line segments moving consistently from left to right, allowing the observer to easily identify the slopes of the lines moving up or down.

Example

This is an example of a React & D3 single line chart component that you can use.

var(--theme-graph-positive)

Example B

This is an example of a React & D3 line chart component with upper and lower confidence intervals that you can use.

var(--theme-graph-positive)

Example C

This is an example of a React & D3 line chart component with upper and lower confidence intervals and area highlighting that you can use.

var(--theme-graph-positive)
var(--theme-border)

Example

This is an example of a React & D3 line chart component with upper and lower confidence intervals and full area highlighting that you can use.

var(--theme-graph-positive)
var(--theme-border)