information aesthetics

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]

continue reading "greenpix zero-energy massive LED display" »

aesthetic & architecture & interface . comments (1)

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

continue reading "Google trigram frequency visualization" »

aesthetic & collection & infographic . comments (0)

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

[link: youtube.com]

aesthetic & infographic . comments (2)

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.

continue reading "oh shiit spelling frequency" »

aesthetic & collection & infographic . comments (4)

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]

continue reading "information design patterns cookbook" »

aesthetic & infographic & infovis . comments (13)

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]

continue reading "msnbc 3D live news reader" »

aesthetic & interface & news . comments (2)

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]

continue reading "average American consumer spending" »

aesthetic & infographic & news . comments (4)

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]

continue reading " wifi geographical mapping" »

aesthetic & infographic & locative . comments (1)