Tag Archives: processing

Amazing visualizations of activity on Wikis

Warning: this webpage loads many processor-intensive animations. It might break your browser and probably you will have to close browser window (tab) after use.

The first visualization is made by Erik Zachte and available at stats.wikimedia.org.
The animation (embedded below) shows 4 aspects of the development of different Wikipedias in different languages (en, it, fr, …): X-axis: Age of a project, Y-axis: Number of articles per project, Circle size: Number of editors per project, Color: Maturity of content (blue=mostly stubs, violet=mostly larger articles)

Interactive version, all projects (requires Firefox 3+, Safari 4+ or Chrome)

Static version, Wikipedia only (8 Mb Flash)

The other 3 visualisations are made by Matt Ryal with JavaScript (Processing.js and RaphaëlJs). They are about activity on wiki and blogs of Atlassian’s Extranet.
I embed them here but you can check Matt’s post for more details and better visualization.

Activity — a rippling visualisation of comment activity on the wiki. Based loosely on the Apple Arabesque screensaver.

Comments — a falling bar-graph visualisation of comments by blogpost. Based very much on a Flash visualisation by Digg, but reimplemented in JS (this is about blog and not wiki).

Contributors — a tree graph visualisation linking commenters and blog post authors. (this is about blog and not wiki)

Learning Processing

I’m learning Processing, a programming language for artists. Extremely cool!
The goal is to build things cooler than the following ones:


Metamorphosis from Glenn Marshall on Vimeo.


Solar, with lyrics. from flight404 on Vimeo.


Mæve table demo from Maeve installation on Vimeo.

Processing has a great infrastructure with hardware too (http://hardware.processing.org/) but I haven’t started digging into it yet.

Learning a language in a hacking group is a lot more fun so if you are around Trento and you want to join us, please let me know! This is going to be awesome!

Animate the song

Jawdropping animation of a song and its lyrics. Watch it fullscreen on Vimeo!!! It is made with processing.org (I quickly checked processing and unfortunately it does not seem something you can learn in 5 minutes…)
Wouldn’t it be fabolous to have something like this working on every song automatically, for example as a plugin for amarok?!?
(via motobrowniano)


Solar, with lyrics. from flight404 on Vimeo.