Chart.js API.

Charts are significantly better at graphically displaying data than tables, and they have the extra virtue of never being forced into usage as a layout tool. They’re more convenient to look at and transmit information fast, but they’re not necessarily simple to make. Chart.js, a JavaScript plugin that leverages HTML5’s canvas element to draw the graph onto the page, is an excellent way to get started with charts. It’s a well-documented plugin that makes creating bar charts, line charts, pie charts, and other graphs a breeze.

Chart.js docs

chart docs Shows us instructions about the installation part of chart.js.

Basic usage of canvas

Basic usage explin the canvas tag element in html alongside with how to edit style for the canvas. also talks about fallback content.

Drawing shapes with canvas

Drawing shapes with canvas it talks about the grid, drawing rectabgles, drawing paths. and other shaps using JS functions.

Applying styles and colors

Applying styles and colors talks about canvas options that make the drawings more attractive using colors, line styles, gradients, patterns and shadows into the drawing

Drawing text

Drawing text After applying styles and colors into the shape, we can draw text into canvas using fillText and strokeText with the JS.