Read: 12 - Chart.js, Canvas

JavaScript Canvas

1. What does the allow a developer to achieve? HTML5 features the element that allows you to draw 2D graphics using JavaScript.
2. What is the importance of the closing `</canvas> tag? The element requires the closing tag . Any content between the opening and closing tags is fallback content that will display only if the browser doesn’t support the element.
3. Explain what the getContext() method does. The getContext() takes one argument which is the type of context. For example, you use the “2d” to get a 2D rendering context object, which is an instance of the CanvasRenderingContext2D interface.

Chart.js Documentation

1. What is Chart.js and how it can be brought into your project? a JavaScript plugin that uses HTML5’s canvas element to draw the graph onto the page. It’s a well documented plugin that makes using all kinds of bar charts, line charts, pie charts and more, incredibly easy.
2. List 3 different Chart types you can create using Chart.js. Line Chart, Pie Chart, and Bar Chart.

Easily Create Stunning Animated Charts with Chart.js

1. What are some advantages to displaying data via a chart over a table? It’s more easy to read a chart then a table with data in it.
2. How could Chart.js aid your previously created applications visually? It would make the data more easy to read and comprehended as opposed to rows it’s harder to follow along with the data and understand it.

REFERENCE

https://www.javascripttutorial.net/web-apis/javascript-canvas/ https://www.webdesignerdepot.com/2013/11/easily-create-stunning-animated-charts-with-chart-js/ https://www.chartjs.org/docs/latest/