The team at Carbon Five had a daunting task: To create a physical diagram of their skills and interests. They may have started with a wall in their office, but quickly realized the new abilities the new canvas
element brings to the table would allow interactivity and the ability to draw conclusions based on it. Here's how they did it at: http://carbonfive.github.com/html5-playground/interest-map/interest-map.html.
Note
It will be very helpful to view the source code at: view-source:http://carbonfive.github.com/html5-playground/interest-map/interest-map.html while following along with this recipe.
The Carbon Five team reminds us that canvas is not officially part of the HTML5 spec by creating this interactive visualization using an HTML4.01 Transitional DOCTYPE.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Here's a detailed look at some of what they're doing with JavaScript and...