JS GraphicsLesson 34Free preview

Graph Chart.js

This lesson is part of A.I. · All levels

Summary

Chart.js is a lightweight JavaScript library for creating graphs such as bars, lines, and circles over canvas elements. We just create the Chart object with the desired type, labels, and datasets. The configuration is declarative so that a general graph can be created with just a few lines of code.

Key points

Chart.js render the graph above the <canvas> element.
Common graphic types: bars, lines, pies, doughnuts.
Labels define categories on the x-axis.
The datasets contain the values drawn for each category.
Lightweight, easy to configure, and supports interactive tools.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.