A new Processing sketch. This one is a abstraction of the map of the list of failed banks from 2008-2010 (so far).

Source code can be found here, and the normal rules apply (Given without any warranty, may explode upon impact, blah blah blah)

The new canvas tag in HTML5 is really interesting me. Perhaps its because I have never liked or warmed up to
Flash all that much (too proprietary for my liking), but the possibilities for it are exciting. Especially with Processing.js, which ports the ease and functionality of Processing onto the web (no more applets!). There are some exciting things going on, such as this recent one that visualizes Twitter feeds.

At any rate, I have a quick experiment that I did with processing.js up here. The page requires a modern browser to view it (Firefox 3.5, Safari 4, Chrome, perhaps a recent Opera. IE, dunno–you are on your own). And bear in mind here, this is all HTML and Javascript. No Flash involved.

If you are interested, my code is available here and you can get the Processing.js files here.

Here is a little project that I did recently. It is a Processing sketch that draws a map based on how often a country is mentioned in major media outlets (Such as the New York Times, Guardian UK, Al Jazeera, Reuters, AP). The brighter the country, the more mentions in the media.

A note about the applet, click the ‘approve’ button that will pop up (I have to sign the applet for security reasons) and give it a moment to do it’s thing, it’s doing a lot behind the scenes!

There are two versions that I am sharing. The first is the original version, that uses Supercollider to generate the sound. Since it does so, I can’t post it on the web, but the sound is much better. You can download the package here. The second uses a Processing friendly, and web friendly, library, Minim, which doesn’t sound as good (I can’t get rid of the pops and clicks when doing sine waves for some reason), but I allows me to post the sketch on the web, which I have here. Enjoy!

Update: By the way, it sounds much better on speaker set-ups with subwoofers, as there are some really low frequencies that would come out distorted on smaller, laptop speakers.

For one of my classes, I wrote a Processing sketch that does an web image search for keywords from the class, such as “California Ideology”, “canon”, “code”, “commons”, “mass culture”,”media”, “privacy”, “public good”,”reductionism”,”representative”,”retro-futurism”,”secrecy” and “sousveillance”. It then takes takes the images, and weaves the pixels together, sort of like a tapestry. The code is here.

I have been meaning to post this for awhile. Among other things, I recently wrote a Processing sketch that uses Carnivore to sniff the packets on a local network, then does a whois search on the IP address to look up the physical address attached to them. The sketch then displays the address, and plots it on a map. The more packets that come from a location, the brighter the dot.

In this iteration, I just used the Arin server, so it’s just for US addresses. This also limited me to a US map (which I stole borrowed from one of the examples in Ben Fry’s Visualizing Data book).

Since this is a Processing sketch, I could have done an embedded applet for this entry, but Carnivore requires some changing of permissions on the local machine to do the packet sniffing. And well, you can’t do that from a web page.

The code for this is here, but I will warn you now that it is undocumented. And it comes with no warranty, use at your own risk, etc. Enjoy!

More z-projections. Same as this.

Similar, tweaked, process as here. New movie though.

Enjoy.

PS. The compression on these sites blows. I would recommend, if you are interested, going here and downloading the original. It looks a lot better.