We can use the <canvas> element to create dynamic graphics. Its similar to a div or p tag, except that its contents are rendered using JavaScript.
The canvas tag is powerful. Because we can script/create imagery on the fly, it can be used for a wide variety of applications, from creating drawings, to visualizing data, to making interactive background images, to creating compelling animations, games, applications, or rich interactive experiences.
To leverage canvas, we insert a <canvas> tag inside of our HTML document, access the tag using JavaScript, create a rendering context(which where we actually draw), and then use the API to draw our dynamic graphics