reading-notes

Class 12 Reading Assignment

JavaScript Canvas

  1. What does the allow a developer to achieve?
    • You can create 2 dimensional graphics using JavaScript.
  2. What is the importance of the closing </canvas> tag?
    • The element requires the closing tag so that any content between the opening and closing tags is fallback content which will be displayed if the browswer does not support element. But most browsers nowadays support elements.
  3. Explain what the .getContext() method does:
    • it takes an argument which is the context object then returns that rendered context object.

Chart.js Documentation

  1. What is Chart.js and how can it be brought into your project?
    • It’s a charting library for application developers. It’s open source, and licensed under the MIT license. It’s also maintained by an active community.
  2. List 3 different chart types you can create using Chart.js:
    1. bar chart
    2. pie chart
    3. line 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 visually better to display, and they are easy to look at and convey data quickly.
  2. How could chart.js aid your previously created applications visually?
    • I could have implemented a chart to display the sales data on my salmon-cookies website rather than a simple table. Or i could have done both, but the chart would’ve looked a lot better visually.

Bookmark and Review