This chapter provides a quick start to creating web-based data visualizations with Chart.js. You will learn how to set up the library and configure a basic web page where you can include a chart. We will walk through a complete step-by-step example, describing how to create a bar chart and configure it with labels, tooltips, titles, interactions, colors, animations, and more. By using Chart.js to create a full-featured chart, you will have a better understanding of the main concepts when we explore the details later on.
In this chapter, you will learn about the following topics:
- How to install and set up Chart.js
- How to create a simple bar chart
- How to configure axes, colors, and tooltips
- How to add animation and respond to simple events
- How to create a horizontal and a stacked bar chart
