reading-notes

201 Class 12 Reading Notes

Summary: This class is about Chart.js Canvas

JavaScript Canvas

Introduction to the HTML5 Canvas element

HTML5 features the canvas element that allows you to draw 2D graphics using JavaScript.

The canvas element requires at least two attributes: width and height that specify the size of the canvas

What does the allow a developer to acheive? What is the importance of the closing tag? Explain what the getContext method does.

[Source:] https://www.javascripttutorial.net/web-apis/javascript-canvas/

What is Chart.js

Chart.js is open source charting library:

Chart Types:

Area Chart Bar Chart Bubble Chart Doughnut and Pie Charts Line Chart Mixed Chart Types Polar Area Chart Radar Chart Scatter Chart

[Source:] https://www.chartjs.org/docs/latest/

What are some advantages to displaying data via a chart over a table? How could Chart.js aid your previously created applications visually?

[Source:] https://www.webdesignerdepot.com/2013/11/easily-create-stunning-animated-charts-with-chart-js/

Bookmark and Review

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Applying_styles_and_colors

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_text

Things I want to know more about