Show me your friends, social graph visualization

Posted by claude - 04/03/08 at 05:03:02 pm

Creative visualization of data has always been something I was very interested. There are several examples on the web, which take interesting approaches to data visualization. One of the areas I am most interested in is the visualization of graphs, specifically the graphs of friends or related people (friend graph). Some developers or companies already worked on friend graph implementations but most of them just look good but aren’t really helpful. As we are currently working on a social networking website we wanted to have a look into this and see whether we could find a way to combine eye-candy with something useful.

Below, I’ve embedded a short video of our current version of the friend graph. Be aware that this is not a release version that contains debug output with test data.

Our graph currently features:
- Friends and friends of friends (FOAF)
- Connections between friends and friends of friends
- Filters (in development)
- Browsing history


(Sorry for the crappy quality)

This is the current status but we’re busy working on more features and a revamped interface (buttons etc.). We are currently focusing on the visualization of the friend graph within our network but due to Google’s Social Graph API and other initiatives there are almost endless possibilities when it comes to the visualization of friends or the complete social graph around a person.I will post updates as we progress.

2 Comments »

RSS feed for comments on this post. TrackBack URI

  1. How can I implement it for my site ?

    Comment by Ayan — September 30, 2008 #

  2. Hi Claude,
    I’m very interested in your friend graph application. Your blog about it is more than one year old. Do you have an update for me.
    I’m thinking about developing such a tool myself but if there is a good existing one, I’d be more than happy to jump on that one.

    Comment by Andre Kok — June 24, 2009 #

Leave a comment

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Powered by WordPress with GimpStyle Theme design by Horacio Bella.
Entries and comments feeds. Valid XHTML and CSS.