HTML Canvas

HTML Canvas is a powerful HTML5 element providing a bitmap-based drawing surface for rendering 2D and 3D graphics, animations, and real-time data visualizations via JavaScript.

The HTML `<canvas>` element is your dynamic, pixel-level drawing board, introduced with HTML5. It functions strictly as a container, requiring JavaScript and the `getContext('2d')` method to access its powerful 2D rendering context (or WebGL for 3D). Unlike SVG, Canvas is bitmap-based, making it the go-to solution for high-performance tasks: complex game graphics, real-time video processing, and interactive data visualization (e.g., charts). Developers utilize methods like `fillRect()`, `arc()`, and `drawImage()` to programmatically manipulate every pixel, enabling creation of rich, custom web experiences.

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