Chart.js
Simple canvas charts set up with data attributes. Colours, fonts and tooltips follow the template.
Line Chart
data-type="line"Shows a trend over time or compares two periods. Add "dashed": true to a series to show it as a dashed line.
Filled Line · Rounded
data-fill="true"A soft fill under the line. Lines are rounded by default.
Filled Line · Straight
data-curve="false"Straight lines between the points, for data that changes in steps.
Bar Chart · Single
data-type="bar"Compares values between categories. The legend is hidden when there is only one series.
Bar Chart · Multiple
2+ seriesBars of each series side by side.
Bar Chart · Stacked
data-stacked="true"Series stacked on top of each other, to show parts of a total.
Pie Chart
data-type="pie"Doughnut Chart
data-type="doughnut"Polar Area Chart
data-type="polarArea"