3.2 - Visualizing Data
This might feel disconnected from what we've been learning but it is a necessary "aside" if we want our programs to look pretty and get away from the console...
Printing data to the console is easy but printing complex data would be better as a visual or game. In this lesson we will review HTML and learn about the HTML <canvas> element.
This might take a few days, depending on our previous knowledge of HTML.
In this section we will practice the <canvas> element (object) and get some stuff to appear on the screen.
During COVID lockdowns, I made a playlist showing how to manipulate images on a canvas element.
There is also this other, really good, playlist that goes through everything in a lot more detail.
Most of what we'll cover will be live-demos in class. That being said, a lot of it is already online somewhere.
It starts like this:
<canvas id="myCanvas" height="" width="">