Home > Art, Interactivity, & Design > Visualization Design Proposals


Visualization Design Proposals

This page describes some of my visualization design proposals. They are sketched out on a tablet in photoshop. One day I would like to make one of these in flash to display data.




Vertical Image Visualizations
Please click the thumbnails to view larger versions of the designs.
Design Description
The Mobile The Mobile Visualization

In the mobile, pictures are hung on a mobile device like one that you would hang in a baby's room. More interesting pictures are weighted more heavily. This weights the mobile down in their direction. Pictures are added to the mobile in order of date. Each picture on the mobile belongs to a similar album or user and each sub-tree is a certain tag.

If you click on a picture it will zoom full screen and give you more information.

When pictures are dropped on to the mobile, the mobile quivers like a scale in that direction.

The Time Machine The Time Machine Visualization

In the Time Machine, pictures are suspended in time. As the user drags the time bar, the pictures zoom past in accordance with time. Bigger pictures have more interestingness. The user can organize pictures by album or photographer.

In the animation, the pictures kind of float to show organic-ness. A nice soothing background tune would also set the mood.

If you click on a picture it will zoom full screen and give you more information.


The Last Clock This is the Last Clock Visualization

The Last Clock Visualization, as Described in the paper by the MIT Social Media Lab "Visualizations of Online Social Archives", shows data in time represented by clock like circles.

The biggest circle is the year, with the left of the circle representing January and the end of the circle representing December. Then the month, the week, and the day are represented inside that, all with the beginning of each on the bottom pointing toward the left and the end on the bottom pointing toward the right.

In my Last Clock visualization, pictures with the biggest share of the circle are the most interesting. The user can organize the visualization by album, tags, or user.

If you click on a picture it will zoom full screen and give you more information.





Horizontal Image Visualizations
Please click the thumbnails to view larger versions of the designs.
Design Description
The Picture Boxes The Picture Boxes Visualization

In the picture boxes visualization pictures appear in stacked boxes. Pictures with similar tags get stacked in the same column. Bigger boxes represent pictures with more interestingness. If there are too many pictures represented the user can zoom in.

If you click on a picture it will zoom full screen and give you more information.

In an ideal animation, the blocks would drop from the top of the screen to the bottom in order of date taken. There would be a dropping swoosh sound when the boxes fell from the sky to the box.

The user could organize the stacks by album, tag, or user.

The Picture Traces The Picture Traces Visualization

In this visualization described by the paper "Visualizations of Online Social Archives" by the MIT Social Media Lab, pictures fade into the visualization as they are uploaded. The pictures stay clearer longer if they are more interesting and get more views. Uninteresting pictures fade into the background, leaving a color mark that is representative of the picture. (For example, a picture of grass would leave a green mark because grass is mostly green.)

Users can organize the pictures by tag, location, or album.

If you click on a picture it will zoom full screen and give you more information.

The WeedThe Weed Visualization

In the weed visualization, pictures grow on the leaves of a weed. Pictures with the most interestingness grow at the top of the weed and the least interesting pictures grow at the bottom. The weed "blooms" in order of date.

Multiple weeds can be grown on the same screen in accordance with the zoom. Each weed represents a different album, user, or tag. The weeds can also be switched between albums, user, and tags to the user's liking.

For the animation, the weeds will "sway" in the wind to signify organicn-ness.

If you click on a picture it will zoom full screen and give you more information.






Online Community Visualizations
Please click the thumbnails to view larger versions of the designs.
Design Description
Digg As An Urn Game - Part 1 Digg As An Urn Game - Part 1


This visualization is based off the information cascade / game theory concept of The Urn Game. You can read more about the Urn Game here

I believe that Digg.Com can be best represented by an Urn Game. In this example, users are picking out story balls from the vat. Their friends that have also dugg this article are shown next to them. And if you mouse over an extended friend, their friends that have dugg this article will also appear.

Balls jump into the vat as they are added to the digg website. They popout as they are dugg. After they are dugg, they go back into the vat.

A user can expand a story by clicking on it.

Digg As An Urn Game - Part 2 Digg As An Urn Game - Part 2


This visualization is based off the information cascade / game theory concept of The Urn Game. You can read more about the Urn Game here

I believe that Digg.Com can be best represented by an Urn Game. In this example, users are picking out story balls from the vat. Their friends that have also dugg this article are shown next to them. And if you mouse over an extended friend, their friends that have dugg this article will also appear.

Balls jump into the vat as they are added to the digg website. They popout as they are dugg. After they are dugg, they go back into the vat.

A user can expand a story by clicking on it.