Readings: Chart.js, Canvas
Having graphics and colors to track data is a great way to improve a webpage without a lot of work in the backend, just using an API.
Reading
JavaScript Canvas
What does the
from MDN: The Canvas API provides a means for drawing graphics via JavaScript and the HTML
What is the importance of the closing `</canvas> tag?
If a browser does not support canvas, content can be placed between the canvas tags to show alternatively
Explain what the getContext() method does.
it returns a drawing context (an abstract)
Chart.js Documentation:
What is Chart.js, and how can it be brought into your project?
Its an API installed with NPM that can add graphs and graphics to data
List 3 different Chart types you can create using Chart.js.
3 types of charts you can make with Chart.js are:
Scatter Plot
Line Chart
Bar Chart
Easily Create Stunning Animated Charts with Chart.js
What are some advantages to displaying data via a chart over a table?
Tables are difficult to format and build, limiting how they can be searched. Having data in a chart allows the user to see a graphical representation of the data giving a better feel for what is being presented.
How could Chart.js aid your previously created applications visually?
Instead of a clunky chart generated in JS, I could easily plug the data into the API and display it. In addition, it would give a better representation of the data.