Posts Tagged ‘visualization’

Treemap History

treemapsBen Shneiderman’s Treemaps for space-constrained visualization of hierarchies is probably the most comprehensive catalog of treemap usage in desktop applications and on the web, with some historical notes how the notion of treemap came about and evolved over the years.

Circular treemaps are my favorite. I think they are perfect for visualizing people from your social web circle.

Would not it be much easier to explore your LinkedIn connections and their connections with this treemap, rather than sift through paginated lists?

I expect an increased usage of treemap visualizations in the coming years as we pile up more data, form connections, use online services for sharing, and service providers open up their apis for developers to foster social web innovation beyond the basic tagging features, paginated lists, image galleries and strips.

Another hit…

Flickorama finally got approved on programmableweb.com and was selected as the Mashup of the Day today.

Flickorama on ProgrammableWeb.com

I only noticed it because after reading The 3D Web in 2008 by Sarah Perez on readwriteweb.com last night,  I started considering getting back to it and adding some new features to keep me busy.

Eric Miraglia posted an encouraging Flickorama review on his Impressive Pixel blog with good suggestions on improving ergonomics of this application, making it more responsive to mouse gestures, improving large photo view and taking screen resolution into consideration when displaying the photo sets.

I really liked the Popup Thumbnail component Josh posted recently with the Lightbox popup effect. I think that will make my large photo view really pop and create a much smoother image loading effect with the added animation. That’s one area I’ve been struggling with when designing this photo viewer.

I’ve started my own wish list in my previous update on Flickorama. Also, I’ve been doing some custom Wordpress build outs lately. More on this later, but what struck me is the staggering number of Wordpress plugins available, and I’ve been itching to do a plug-in of my own to get my hands dirty in some php.

So, I’ll be plugging away on Flickorama over the next two weeks.  Please drop me a note with your comments and suggestions on improving user interface, interactions, adding additional data sources or parametrized widgets/plugins you’d like to see.

Yes, 3D browsing is finally here and I think it will become mainstream for multimedia and news browsing in 2009.  The PhotoStream is a good example of such a news site.

As Sarah notes in her 3D Web in 2008 article:

Where 3D is Cool: Browsing

… we’ve seen some developments in the use of 3D to deliver better visual browsing experiences. Amazon launched their 3D Winodwshop site which lets you virtually browse through the company’s top products.

We’ve also seen other web applications integrate this 3D visual browsing technology including ManagedQ’s semantic Google-based search, Photo Stream’s visual newsroom as well as newer search engines like Viewzi and SearchMe. Although none of those have hit the mainstream, they all are interesting experiments.

However, one of our favorite 3D browsing tools is the technology from Cooliris, a browser plugin that lets you transform the web into an immersive 3D experience. With Cooliris, you can surf a “wall of content” from sources like Google, Flickr, Yahoo, SmugMug, and DeviantArt.

Perlin Noise Music Vis

Here is a fun Perlin noise music vis with The X-Ecutioners “cuttin’ it up, scratchin’ it… They sounded so good they made everybody dance. (Check it out.)” — Like This:

(Click on the visualization to change color channels)

Doesn’t it look like a crowd dancing in the club? Well, close enough. Here is the real deal: