<-- Advertise here.

moritz_5_years_infosthetics.jpg
On the occasion of the recent fifth birthday of this blog, we thought a bit about the archival nature of the whole enterprise. With (almost) daily updates about fresh projects from visualization and information aesthetics, about 1950 different projects have been described and documented up to now. So here [moritz.stefaner.eu] is a first step towards making this growing archive more accessible: a custom adaptation of the elastic lists principle for the 1950 posts of infosthetics.com.

5yrs_infosthetics_02.png

Here is how it works: The little tiles on the left represent the individual posts, with color stripes representing their categories. You can find a color legend in the category filter on the right. In addition, you will find filters for the number of comments, year and author. Clicking one of the filter entries will display only matching posts, and also update the number of items for each filter accordingly. If you click a post, you can see its details on the bottom, and visit it by clicking the preview. In addition, the filter values that belong to this post are marked with a grey background.

The little bar charts in each filter show you the relative number of posts in the current filter context (red bar) compared to the overall percentage (grey bar) - so, in the example above, you can see that for the selected category infographic the number of comments is slightly higher than usual and the posts seem to be more recent overall.

There is certainly room for improvement (keyword search, represent links between projects...), but we thought it would be good to share it anyways - so try it out and let us know what you think! Do you think this is worth pursuing, and which other browsing options/modes could be interesting to you?

(Note by infosthetics: Best birthday present ever! Thnkx Moritz!)

9 COMMENTS

Great visualization! I really like the intuitive interaction. One thing I am curious about: is there some sorting present in the tiles on the left?

Mon 14 Dec 2009 at 9:47 PM

Yes, forgot to mention: These are ordered chronologically, with the most recent ones on top.

Mon 14 Dec 2009 at 10:11 PM

When I go to the page and it just prints out "Hello", 5 times in different sized fonts.

Tue 15 Dec 2009 at 5:38 AM
Patrick

@Patrick: This might be a Flash Player issue (I forgot to include a check). Can you try updating and test again?

Tue 15 Dec 2009 at 6:12 AM

Amazing work! This reminds me of a many eyes visualization I did a while back looking at the distribution of posting categories on this blog. Here: http://www.way2sky.com/portfolio09/projects/revis/ (Scroll down)

Tue 15 Dec 2009 at 10:56 AM

As alwasy guys, AMAZING!

Well done!

Wed 16 Dec 2009 at 12:47 AM

Great visualization, absolutely brilliant way to navigate any blog that has been around for a little while. Any thoughts on creating a site that would allow people to navigate other blogs using this viz?

Wed 16 Dec 2009 at 1:43 PM

Always been a fan of elastic lists - great application here. The hardy rollovers and persistent min bar charts make exploration rather intuitive and enjoyable. Props!

Tue 22 Dec 2009 at 1:57 AM

Beautiful, may I suggest a reset button to clear all criteria?

Fri 15 Jan 2010 at 4:30 AM
ADD A COMMENT
Commenting has been temporarily disabled.