You are hereBlogs / daniel's blog / Facebook Mutual Friend Network Visualization in Flash

Facebook Mutual Friend Network Visualization in Flash


By daniel - Posted on 20 January 2008

I started building a Facebook friends visualization using Constellation Framework months ago but the project got buried by other work. I've finally brought it to a point where it's presentable. (-:

The interface lets you see which of your friends know each other. At any given time it will show one of your friends as the selected node (in bold), and any mutual friends as additional nodes. Lines between nodes represent friendships. Clicking a node will select it and you and the new person's mutual friends will appear. Finally, the colour of the circles represents gender for now: yellow is female, purple is male, and grey is unknown.

To use the application, you'll need to click the link below, log in to your Facebook user account, and enable the Friends Constellation application. That will reveal the Flash movie which will promptly begin loading information about your friends and friendships.

This information can't be retrieved all at once so you'll find that the visualization will constantly change as more information comes in. It takes a while to load the data but it (usually) gets more interesting the longer you wait. Watching the nodes re-arrange themselves is fun, but also processor-heavy. If you have a lot of friends the CPU load will be pretty high. Be warned.

  • To view the Facebook friends Constellation, login to Facebook. It's really easy and don't worry—it won't add anything to your Facebook profile page.

There's a lot of functionality missing from this prototype and I'll probably be posting updates in the near future. If you have any suggestions for improving the interface/visualization post away...

About

Daniel McLaren

Daniel is a Flash and Flex developer specializing in the art of information visualization.

Syndicate content

SketchyD

Latest Drawing from SketchyD

This is the most recent drawing from my mobile sketch blog, SketchyD.com.

Popular Threads

Recent Comments