Notes for May 3

Today we'll look at raster graphics and vector graphics. Here is a small guide.

Here is some documentation on canvas elements. In a later lecture we make use of d3-Delaunay, which is documented here.

Here are a few articles talking about SVG versus Canvas and choosing between them: 1, 2, 3 (older)

In addition to Canvas and SVG, there is also WebGL which has a few extra capabilities which are very handy. You can make use of fragment shaders for visual effects (and even GPU computation).

You can mix the raster and vector together with enough work!

Also, there are lots of helper libraries, including this one which enables .transition() on Canvas.

HTML for today:

Canvas Chart

Conway Simulation

Code for today: