We can use the <canvas> element to create dynamic graphics. It's similar to a <div> tag ot <p> tag, except that its contents are rendered using JavaScript
The <canvas> tag is powerful. Becuase we can script/create imagery on the fly, it can be used for a wide variety of applications, from creating simple 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 ouit 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.