Summary 

In this chapter, we learned how to install Chart.js in a web application and how to quickly create a simple interactive and responsive bar chart, which can be included in a web page. We also learned how to configure the default look and feel of a chart, by changing basic properties, such as colors, fonts, responsiveness, animation duration, and tooltips. With this knowledge, you can already start using Chart.js to display simple data visualizations in your web pages.

This chapter also explored some real-world issues, such as loading external files, and how to deal with larger datasets, by filtering data and configuring the chart in order to display the information more efficiently.

In the following chapters, we will explore Chart.js in greater detail, create all eight different types of charts, learn how to configure several other properties, and deal with more complex datasets.