We heard a tweet on the wire about Raphaël.js back in October. An open-source javascript library that abstracts vector drawing and animation across web browsers. The demoes show beautiful, fast, interactive graphics. Support for more computer platforms than Flash. Inspiring!

So, we began an experiment here at the labs to replace our static image graphs with dynamic, clickable visualizations, built on open internet standards (and Microsoft’s proprietary VML).

Could it work? Would it explode IE6?

Blog volume: San Francisco Bay Bridge

Those peaks in volume are Cracked I-beam Discovered on Bay Bridge and then Bay Bridge Closed After Crack Repair Fails.

Blog volume comparison: SF coffee scene

Blue Bottle Coffee, Ritual Coffee, Four Barrel Coffee, Sightglass Coffee

Hot browser abstraction action

Raphaël exposes simple Javascript constructs of circles, rectangles, paths with bezier control points, and text, along with ways to animate movement, color, opacity… With these ingredients, painting a picture through code, Raphaël generates open/free/standard SVG markup for Firefox and Safari, switching to VML output for Windows Internet Explorer.

Elder Firefox 2 is our only real casualty; the SVG support is nonexistant in that faithful dog. We fondly scoot along the three of you still on Firefox 2, toward Firefox 3.5.

So, yes, they’re here. All Scout Labs workspaces now have these interactive graphs.