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.


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:

index.html:

<canvas id="myCanvas" height="" width="">