HTML and CSS Reference
In-Depth Information
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).
