Search results for
processing.org
It would be great to have Rhizome Navigation running with Flash. I guess it could be a lot faster than the current Java implementation. So what I'm looking for is a graph visualization framework like prefuse for Flash.
Some starting points: Newton's gravitation law in Flash
Update: I wrote this more than a year ago. In the meantime I came to the conclusion (after discovering processing) that I'll stick to Java (+OpenGL). Nonetheless some interesting things were done with Flash and more will come for sure.
Good news: Rhizome Navigation is now running live in your browser (click the image above). At first it loads and visualises last week's user behaviour of Metaportal der Medienpolemik and then continues with current traffic (Don't think it freezes after a while, this just means that traffic isn't actually very high on MdM. If you continue browsing the site you'll see that the graph will adapt to your behaviour.) The application is non-interactive for now. Navigation and usability is the next step. This is just a tech demo drawing a graph.
Requirements
I did not do a lot of platform testing. Here it runs on Mac OSX in both Safari and Firefox. You'll need Java installed. Beware, it's still an early release, your browser might crash. If you have any problems loading the applet or want to leave me a comment, please let me know.
Thanks
This would not have been possible without the wonderful proce55ing.
For more example work head over to the Rhizome Navigation homepage.
Stay tuned, I'm preparing some tutorials on Visual FX and Digital Compositing Techniques in processing. It'll start quite basic. We will see where it leads us.
Currently I'm doing some research on building a basic compositing environment in processing. Shake 1.0 (=no GUI) comes to mind.
Finally I'm looking for ways to implement Optical Flow techniques in processing and building a processing-based Deinterlacing-Tool.
About a month ago I promised to make some tutorials about Digital Compositing using Processing. Finally I found the time to write an introduction and create a first example.
My idea is to provide working online examples of basic Digital Compositing with techniques based on Ron Brinkmann's The Art And Science Of Digital Compositing using Processing.
Herr Arrington hätte seine Freude gehabt. Courvosier in Eimern, Web-2.0-Chicks zum Abwinken und VC in Strömen. Ungezwungen ohne Powerpoint. Das war der Webmontag in Wien. Lesen Sie die ganze Wahrheit bei Markus Stefan.
Dank an Eric fürs Organisatorische. Das Metalab endlich kennen zu lernen war auch nicht schlecht.
Zunächst kreisten wir mit Christopher Clay um das Thema Web Applications (siehe http://whatwg.org/, u.a. WebForms 2.0). Dann erzählte ich einiges über die Arbeit mit Processing (übrigens unbedingt noch die Shadow Monsters anschauen, die bei der Präsentation leider nicht funktioniert haben) und Rhizome Navigation, an dem ich arbeite. Anschließend setzte Eric Eggert mit einem Erfahrungsbericht über die WebKrauts fort.
Kleiner Nachtrag: Ich wundere mich immer wieder, wie wenige Greg Lindens Findory.com kennen (auch innerhalb der 2.0-Crowd). Vielleicht ist die Seite im Vergleich zu digg und Konsorten zu unaufdringlich. Vielleicht ist der Mehrwert für den User zu Beginn zu unklar. Ich möchte es auf jeden Fall nicht mehr missen. Zur Info: Findory ist eine Art personalisiertes News-, Blog- und Video-Portal. Die Empfehlungen sind dabei nur durch ein eigenes Icon gekennzeichnet und ich werde nicht mit hunderten Zahlen bombardiert. Die Personalisierung erfolgt "unbewusst" im Hintergrund, indem abgeglichen wird, welche anderen User ähnliche Muster zu meinem Klick-Verhalten aufweisen. Wenn ich mich recht erinnere, stand Herr Linden einst hinter Amazons-Recommendation-Engine.
Graphical visualizations of political parties' campaign programs for Austria's election for the National Council 2006 (in German).
Screenshots and Screencast Video.
Using material from 1990's Gulf War, 2002's starting invasion into Iraque and 2006' crisis in Lebanon.
Visualization Application Framework for building Navigation Interfaces based on Attention Data and User Behavior Analysis.
Examples and tutorials based on Ron Brinkmann's The Art And Science Of Digital Compositing.
In addition to processing's own exhibition page, have a look at its youtube- and flickr-group.
I kept quiet about this project for quite a while, but now is the time to tell you a little bit about it: For an upcoming documentary by Benedikt Bjarnason, Rhizome Navigation was used to create animated visualizations of large genealogy data sets.
Below you can find a sample. It shows a 3d family tree starting with director Bjarnason at the bottom and going up to early icelandic settlers from early 10th century. The graph layout was done using an adapted force-directed algorithm and features more than 3300 persons.
What set's it apart from similar visualizations is the capability to show far more complex relationships by breaking up the classic tree structure and following a more rhizome-like approach - and of course the sheer amount of relationships shown.

Rhizome Navigation is a development framework for building data mining and information visualization related (real-time) applications. It is based on the wonderful processing.
Update: French blogs talk and comment on Rhizome Navigation. I better start refreshing my rusty French language skills...
http://www.flickr.com/photos/walterra/436805745

Using Rhizome Navigation I analyzed the protagonist's relationships from the movie Lord Of The Rings: The Return Of The King. The size of a name relates to how many times it is mentioned within the movie script. The name positions are calculated by parsing the screenplay and analyzing which names appear close to each other in the text.
Some thoughts: Frodo and Sam are very close to each other (of course), and it's interesting that the two stand between Gollum and The Ring. Although Aragorn is linked to both Arwen and Eowyn, the relationship seems not very strong (when compared to Frodo/Sam and Gandalf/Pippin for example). Both women appear at the opposite end of the graph. The relationships Gandalf/Pippin and Frodo/Sam seem equally weighted. This could also be an indication how the main storylines of the scripts are weighted.
I'm looking forward to you interpretations.
More related stuff coming soon.
Rhizome Navigation is based on the wonderful processing.
The graph above is an analysis of how blogs from my blogroll are interconnected. I did it by fetching today's RSS-feeds from the blogs, then parsed each individual blog posting and looked for links to other blogs from the blogroll.
I was a bit surprised how many connections there are given the fact that I just fetched the current state of each RSS-feed. Maybe that's because I was just looking for Domain-Names, so youtube.com for example appears as one blog, regardless to which user/video one links.
Next I'll do an analysis on blog-posting/URI-level. That way this could turn out to be a more accurate conversation tracker.
Using the transcripts of Bill Gates' keynote from CES 2007 and Steve Jobs' keynote at Macworld 2007 (via Todd Bishop's Microsoft Blog) I created this relational tagcloud using Rhizome Navigation.
This tagcloud joins the words from both keynotes and reveals which words both texts have in common and which not. You can see that mostly non-technical, emotional terms dominate the center (which both texts share).
It's up to you to guess which colors represent the speakers.
If you have suggestions for other text comparisons please post a comment.
Update: Posted an processing applet which shows the layout algorithm in action.
Did some experiments with Google's Social Graph API and Twitter. Images were done with Rhizome Navigation. The graph shows mutual relationships between 200 people (with my account in the center). The background is darker in areas where people are more connected.

Twitter Rasterfahndung ©
Kommenden Dienstag findet Digitalks #05 zum Thema Social Networking Tools statt. Gemeinsam mit Initiatorin Meral Akin-Hecke arbeite ich an einer Visualisierung, die zeigt, wie Merals soziales Netzwerk rund um Digitalks gewachsen ist.

Das Netzwerk zeigt an und für sich "relativ" vertrauliche Information, nämlich wen Meral tatsächlich über wen kennengelernt hat (und nicht Verbindungen aus irgendeiner automatisiert abgegrasten Social-Community). Deshalb zeigen wir momentan nur Merals und mein Gesicht, die anderen Icons unterscheiden nur zwischen Männern und Frauen. Ist das vielleicht auch schon zu viel der Information? Es lassen sich zumindest verschiedene Dinge herauslesen. Es kommen 57 Männer und 46 Frauen vor, die recht unterschiedlich vernetzt sind. Meral hat mich z.B. über jemanden kennengelernt, über den sie sonst auch nur Männer kennengelernt hat.
Noch ein paar Infos...
- 39 mal hat ein Mann einen Mann empfohlen
- 24 mal hat ein Mann eine Frau empfohlen
- 21 mal hat eine Frau eine Frau empfohlen
- 18 mal hat eine Frau einen Mann empfohlen
Und...
- 20 Männer haben jemand empfohlen
- 7 Frauen haben jemand empfohlen
- 10 Männer haben nur Männer empfohlen
- 8 Männer haben sowohl Männer als auch Frauen empfohlen
- 3 Frauen haben nur Frauen empfohlen
- 3 Frauen haben sowohl Männer als auch Frauen empfohlen
- 2 Männer haben nur Frauen empfohlen
- 1 Frau hat nur Männer empfohlen
Mehr Infos zu diesem Projekt gibt es direkt bei Digitalks.
Gestern fand die fünfte Digitalks-Veranstaltung statt, diesmal zum Thema Social Networking Tools. Wie berichtet habe ich mit Meral an einer Visualisierung gearbeitet, die gestern vorgestellt wurde.

Der Graph stellt die Entstehung des sozialen Netzwerks rund um Digitalks ausgehend von Initiatorin Meral Akin-Hecke dar. Die direkten Verbindungen zu Meral zeigen, wen sie zu Beginn der Idee im Sommer 2007 persönlich gekannt hat. Viele dieser Personen haben Meral mit ihren Kontakten, die sie für Digitalks begeistern konnten, weitergeholfen. Die weiteren Verbindungen im Graph zeigen also, über wen Meral diese Menschen kennengelernt hat. Das unterscheidet den Graph von vielen Visualisierungen von Community Plattformen, weil diese nicht die zeitliche Komponente miteinbeziehen, sondern nur den momentanen Stand darstellen (In diesem Fall würde einfach von Meral zu jeder Person eine Linie gehen, da sie ja inzwischen alle persönlich kennt. Dazu bräuchte man keine Graphenvisualisierung, eine Liste würde es auch tun).
Die Visualisierung wurde mit Rhizome Navigation realisiert, ein auf Processing basierendes Entwicklungstool für graphenbasierte Informationsräume. D.h. die Graphik ist eigentlich nur ein Screenshot, die Software selbst erlaubt mehr: Das zugrunde liegende Framework dient zur Aufbereitung von Daten und stellt visuelle Interfaces zur Verfügung, die diese Daten erfahrbar machen.
Mit Meral habe ich in dem Fall ein spezielles Textformat definiert, in dem sie mir die Personenbeziehung beschrieb. Die Darstellung wird mit Anleihen aus der Physik berechnet: Personen, die in Beziehung stehen, ziehen einander an; Personen ohne Beziehung zueinander stossen sich ab. So kann die Graphik automatisch generiert werden.
Das folgende Video zeigt den Layout-Algorithmus bei der Erstellung der beiden Graphiken.
Am 31. Mai findet der Social Network Day, eine Konferenz zum Thema Organisationale Netzwerkanalyse an der TU Wien statt.
Was mich sehr freut: Ich bin eingeladen worden, einen Vortrag zu halten und werde über die Analyse von sozialen Netzwerken mit Processing und Rhizome Navigation sprechen. Einleitend wird's ein paar Worte zu Ben Frys Ansatz des Computational Information Design geben, anschließend zeige ich Beispiele und Live-Demos, die in letzter Zeit mit Rhizome Navigation entstanden sind.
"This release represents the first of a set of major (internal) changes as we head to release 1.0 at the end of the Summer."
Cool.
Update:
"Apple has abandoned PPC so we may as well too."
Not so cool.
Started doing some Geovisualizations. First image shows the worlds cities with a population of more than 1000, data from geonames.org. Cities with more than 5 million inhabitants are labeled.
Also on flickr or look here for the high resolution version: /artefact/images/worldmap_pop10003d2.jpg.
Second image visualizes conversations of about 1500 users from microblogging service Twitter. The arcs link positions of people who talk to each other.
flickr / hi-res
Done with the wonderful processing.org during my time at MODUL University Vienna.
Let me know if you're interested in working with me.
Update: BusinessWeek posted the Twitter Visualization and thinks I'm one of 21 heroes of Data Visualization :-).
Nicht zu glauben: Processing 1.0. Dank an Ben Fry und Casey Reas. Wohl eines meiner großen Open-Source-Lieblinge.
This page was created in 13.9367799759 seconds