Foundation HTML5 with CSS3

Embedding Media

Figure 5-14. Ghostwriter Art Studio is an open-source demonstration of the canvas element, with a live drawing
surface where you can sketch and doodle by hand.

For something perhaps a bit more practical, Visualize (filamentgroup.com/examples/charting_v2/) is
a JavaScript widget that reads a well-structured HTML table and automatically generates a chart in a
canvas element, like you see in Figure 5-15. This is a fine example of progressive enhancement. The
table is the original content, fully readable and accessible by any person or user-agent (you’ll learn all
about tables in Chapter 7). The canvas-based chart then further enhances that content when the
conditions are right (a graphical browser that supports canvas and JavaScript).