The release of the Processing.js library has taken the JavaScript world by storm—offering users an intuitive way of creating complex, interactive, pieces of visualization with JavaScript. The library was made possible by a fantastic new piece of web development technology snuck in under the radar and works in all modern browsers: the HTML 5 Canvas element.

In this talk we’ll take a complete exploration of the library, starting with the low-level Canvas element, working through the API and language parsing, and examine how to create impressive works using Canvas and Processing language—all using pure JavaScript.

This talk will explore the following concepts:

Canvas
How it works
Principles
Advanced Canvas
Processing
The language
Comparison with Canvas
Examples
Processing.js
Language translation
Regular expressions
Processing to Canvas mapping
Examples