reading-notes

🗒️ Class 12: Chart.js, Canvas

Javascript Canvas

• What does the <canvas> allow a developer to acheive?

  Alows us to draw 2d graphics using JS

• What is the importance of the closing </canvas> tag?

  Any content between the opening and closing <canvas></canvas> tags is the fallback content that displays if the browser doesnt offer canvas support

• Explain what the getContext() method does.

  takes one argument, which is the type of context, and returns a render context object

Chart.js Documentation

• What is Chart.js and how it can be brought into your project?

  Its a library that we can use to build charts List 3 different Chart types you can create using Chart.js. Bar Charts, donut&pie charts, scatter charts

Easily Create Stunning Animated Charts with Chart.js

• What are some advantages to displaying data via a chart over a table?

  Charts makes it easier to read/display data and it is also visually appealing. How could Chart.js aid your previously created applications visually? applying Chart.js to the results will make it easier for people to quickly view the results.

Lecture Notes

• canvas is a drawable space in the HTML