information aesthetics

twistori twitter message filter

Thu, 15 May 2008 11:36:07 +1100

a "first person" visualization of Twitter messages, inspired by We Feel Fine. Twitter messages are filtered by occurrences of the phrases "I love", "I hate", "I think", "I believe", "I feel" & "I wish", which are placed in a visual scrolling message ticker, similar to Digg Labs BigSpy.

[link: twistori.com/|thnkx debuche]

tweetwheel twitter network viz

Thu, 15 May 2008 11:08:55 +1100

a visual representation of one's Twitter network, distributed over a circle, similar to ludios circular network graph,

there seem to be plenty of twitter stream visualizations out there, although only one has been blogged here before. do you know any other examples worthwhile to be included at infosthetics?

[link: tweetwheel.com]

cocovas search visualization

Thu, 15 May 2008 10:36:14 +1100

a novel information visualization system of online search results that represents both the similarity between documents & their relevance (ranking) relative to the search query. the color points represent the resulting documents. the closed regions surrounding the point are similarity-based clusters. the angle difference between regions are related to cluster height. the application was implemented based on GoogleAPI (now Google SOAP Search API).

[link: emislej.googlepages.com|thnx Ernesto]

personal profile network graphs

Tue, 13 May 2008 20:04:03 +1100

a sophisticated visual aggregator that tracks the activities of about 32,000 noteworthy people, both living & dead. the dataset consists of a "Who's Who" including the curriculum vitae of each noted person (i.e. information such as date of birth, a biography, & other essential facts.)

the resulting network graphs document the connections between people, many of which are not always obvious, as a person's otherwise inexplicable behavior is often understood by examining the crowd that person has been associating with.

nodes can be order hierarchically, as a grid, or symmetrically, or be highlighted by age, political affiliation or sexual orientation. all graphs can be stored for others to explore, ranging from Google's board politics over Larry Page to the Enron board political contributions.

[link: nndb.com]

timetube youtube video timeline

Mon, 12 May 2008 20:39:52 +1100

an online & interactive timeline that arranges the unsorted collection of YouTube videos by date, offering a visual & useful perspective on recent events. individual videos are placed on a horizontal timeline, with more popular videos appearing larger.

[link: dipity.com|via techcrunch.com]

silent energy consumption visualization

Mon, 12 May 2008 20:22:18 +1100

an eco-visualization concept that aims to increase the awareness of energy usage. everyday objects are used to generate energy by piezoelectronic components that generate a small amount of electricity when moved (pressed down). the applications range from a simple keyboard button press (19mW) over opening a door (0.2W/s) to sitting on a chair (412W/s)

[link: yankodesign.com|via psfk.com]

greenpix zero-energy massive LED display

Fri, 09 May 2008 11:41:44 +1100

the largest color LED display worldwide, & the first photo-voltaic system integrated into a glass curtain wall in China. the display requires zero external energy, as the facade harvests solar energy by day & uses it to illuminate the screen after dark. the display comprises of 2,292 color (RGB) LED’s light points comparable to a 24,000 sq. ft. (2.200 m2) monitor screen for dynamic content display.

the polycrystalline photovoltaic cells are laminated within the glass of the curtain wall & placed with changing density on the entire building’s skin. the density pattern increases building’s performance, allowing natural light when required by interior program, while reducing heat gain & transforming excessive solar radiation into energy for the media wall.

you can play with the online simulator, or watch a movie after the break.

[link: greenpix.org|via engadget.com]

Google trigram frequency visualization

Fri, 09 May 2008 11:05:53 +1100

a set of relational visualizations represent the relative frequencies of trigrams as they appear on the web, based on a massive (100GB) n-gram dataset from Google's corpus archive. n-grams are pieces of sentences. a trigram (n=3), for example, might be "I like food" or "frog is tasty."

the first visualization compares the 120 trigrams of the terms 'He' with 'She', while the other is based on 75 trigrams of 'I' & 'You'. the frequencies of the 2nd word in the trigrams were sorted in decreasing order. words are sized according to the square root of their use frequencies. the color-coded lines act like paths (similar to a tree structure), enumerating all of the occurring trigrams.

[link: chrisharrison.net

Diesel infographic safety video

Wed, 07 May 2008 20:56:21 +1100

please pay careful attention to this (ironic) infographic style video before entering a Diesel store.

[link: youtube.com]

oh shiit spelling frequency

Wed, 07 May 2008 20:32:10 +1100

another example of a spelling frequency graph, here showing the relative distribution of the different spellings for the terms "ohshit" (vs. "oh shiiiiiiiiiiiiiiiiiiiiiit") & "damn" (vs. "daaaaaaaaaaaaaaaaaaaaaaaaaaaaaaamn") based on the data reported back via the search results from Google.

[link: ohshiit.com & daaamn.com|thnkx Mart!n]

see also:
. aargh spelling frequency,
. aah spelling frequency.

information design patterns cookbook

Tue, 06 May 2008 17:31:05 +1100

a sophisticated online collection of about 48 design patterns that describe distinct methods for the display of interactive information graphics, their active behavior as well as the forms of user interaction with them.

as part of the written thesis in Interface Design from Christian Behrens, a freelance interface designer in Berlin, the website aims to inform graphic designers who need to deal with complex tasks in the field of information design, but do not have any specific knowledge in statistics or data visualization. it is intended as an online "cookbook" that offers a set of tools & methods to cope with all common forms of data visualization, similar to design patterns in computer science, such as the Yahoo! Design Pattern Library.

each pattern consists of a text part that describes the general characteristics of the pattern, its required or appropriate data source, its generic application, & a discussion of the pattern's usage rationale. besides a real-world example, each pattern is accompanied by a layout that is based on an identical dataset, here the statistical yearbook of the City of Berlin.

Chris informed me there is the possibility to publish the thesis as a book. any interest from infosthetics readers?

[link: niceone.org|thnkx angus & Christian]

msnbc 3D live news reader

Tue, 06 May 2008 17:01:55 +1100

an alternative 3D view to read, play & interact with news from msnbc.com online. users are able to customize news channels, sort them by theme or time, browse & save specific news stories, or just gaze the news go by in auto-mode. reminds me of brynsbrain & flickr tiltviewer.

also see the recent post about inviting you to vote for the creative visualization of news by msnbc at the webbys awards.

[links: spectramsnbc.com (Spectra application) & spectra.msnbc.com (Spectra overview) & NewsWare.msnbc.com (central repository)|thnkx Sam]

average American consumer spending

Mon, 05 May 2008 20:51:44 +1100

an interactive infographic treemap representing how much the average American citizen spends on 84,000 products in about 200 categories, including fast food, car insurance, rent, electricity, garbage collection & so on. larger shapes make up a larger part of spending. individual shapes can be selected & the treemap can be zoomed in & out.

the combination of the organic looking treemap shapes & the encompassing circular form reminds me of the voronoi treemap & circular treemap algorithms respectively.

[link: nytimes.com]

wifi geographical mapping

Mon, 05 May 2008 20:25:33 +1100

a set of "semi-abstract" circular visualizations of the WiFi encryption levels while traveling through the cities of London, Vescemont, Belfort & Barcelona. each circular item represent the recording of wireless network through a journey. each succesfull recording influences the time line thickness & adds a “pin”. red pins represent non-encrypted networks other networks are the smaller black ones. the thickness of the main line & the length of the "node pins" depends on the ecryption from thinner to thicker: "WEP" , "WPA", "TKIP" & "NONE".

[link: yesyesnono.co.uk & flickr.com]

online data visualization talks

Thu, 01 May 2008 20:33:24 +1100

from Eric Rodenbeck from stamen.com at Postopolis, the mapping & data visualization firm known from digg labs & Trulia Hindsight.

several data visualization talks have been put online recently. if you are interested in this subject, be sure to check out following online recordings:

. Fernanda Viegas & Martin Wattenberg (IBM) @ Parc Forum 2006 (not blogged before)
. Ben Fry @ See conference 2008.
. Frank van Ham (IBM) @ See conference 2008.
. Bernard Kerr (Yahoo! interaction designer) @ Innovationsforum Interaktionsdesign.
. Eric Rodenbeck (stamen.com) @ Nextcity.
. Jonathan Harris documentary.
. Hans Ronsling @ TED 2006.
. Jonathan Harris @ TED 2007.
. Marcos Weskamp @ See conference 2007.
. Sep Kamvar @ See conference 2007.

this should keep you busy for at least a couple of hours.

[link: vimeo.com|via w.we-make-money-not-art.com]