Chart.js workspace

All eight built-in Chart.js types plus mixed bar/line — teal / indigo palette matches the Sparkline dashboard; datasets recolor on theme toggle.

Demos

Canvas panels

Built-in types

Full core set

Time axis

date-fns

Adapter loaded

Theme

Auto

Toggle in nav

Core charts

Every default Chart.js controller is represented below (including mixed datasets).

21 panels Chart.js 4.4.7 8 types

Line Chart Example With custom colors.

Bar Chart Example

Number At Top Vertical Chart With custom colors.

Horizontal Chart Example

Multi Line Chart With custom colors.

Line & Bar Chart Example

Polar Area

Doughnut

Radar Chart Example

Single line chart

Line Chart With Fill

Multiple Lines Chart

Line Chart One With Fill One Without

Bar Chart Without Fill

Multiple Bars Chart No Fill

Pie Chart

Bubble chart

Next-gen types

Scatter, stacked bars, stepped lines, and time scale (date-fns adapter).