Web Trend Map 09

50924f827422e4300a3f4fff7c94afea Web Trend Map 09



It is here, just noticed it here at Benjamin Wiederkehr and Christian Siegrist: www.datavisualization.ch/

looks really good. IA's previous versions were very good, and they have managed
to improve upon them.

loved the isometric, but they have given it further depth like the tubes and it
has the level of popularity with the height dimension explored.

I like how they have brought in the people symbols/isotypes walking in this
new geographic terrain of the web similar to what was done on this

http://visualthinkmap.ning.com/photo/photo/show?id=2168552%3APhoto%3A2498

I think it is a great improvement, not that it needed it. wish i knew how to
say 'brilliant, thanks' in japanese.

from here: http://www.flickr.com/photos/formforce/3409362834/

previous version here:

Web Trend Map 2008 Beta
Also check out this:
Subway Blogs Map
Oxfam Tube Map
Snack on my Maps
Eustace Tilley Subway by Alberto Forero (2008)

Useful recent link/posts I have noticed.

InfoVis design tests. by brad paley

The Importance of colour in data visualization

An Introduction to Visualising Data pdf by Joel Laumans. an excellant beginners
guide, well designed


Havard Info Visualisation Course

Published on 2009/04/07 4:34 pm.
Filed under: abstract, cartography, colour, communication, design, internet, isomap, isometric, knowledge, landmarks, sign, simon patterson, subvert, subway, surreal, underground, websites

Bush


You dont need to be able to read spanish* to undertand this infographic by Samuel Granados, well maybe a little for deeper ajudication.


desaprobacion = diapproval - red


Found on density design and samuel has no doubt lost none of their brilliant design skills being a former student in information graphics + function + beauty as this parchment effect paper gives it a historical document of 'manuscript' importance. With a lovely surreality of an abstract cutting of the top head technique it has some harmony of green and red graduation with a timeline of bush's office. I should find out how long it took samuel to make the 4 pages but really good. Good tabing to create the familiar syntax of folders/files.

Really good.

from: http://www.elmundo.es/especiales/2008/09/internacional/elecciones_eeuu/presidentes/bush.html

found: http://www.densitydesign.org/2009/01/16/radiografia-de-la-presidencia-bush-a-radiography-of-the-bush-precidency/

*I had put italian but have changed it when reminded which I knew as I had to translate but hadnt changed. thanks ;o)

Published on 2009/04/02 11:50 pm.
Filed under: abstract, colour, communication, creative, framing, geopolitical, hierachy, iconic, information, narrative, pattern, size, solving, subvert, time

World of Art Game

mers woa World of Art Game

This was a great diagram I discovered that helps understand/simplify some of the complexities of the art world in an excellantly designed visualisation.

Adelheid Mers subverts this diagrma of rather than being just a diagram he would transform it into a game, with players following the artists.

Start life at college, finish with a clear mind. It has excellant pictographic symbols of people/places with clean, soft contrasts/graduation of monochromatic colours.

'ABOUT WORLD OF ART: Curator Mary Jane Jacob had seen the diagrams after Lakoffat the Chicago Open Studio, and commissioned me to create a poster for a workshop symposium she was organizing at the School of the Art Institute of Chicago:

"Setting Up Your Art and Your Life - Strategies for a Sustained Practice".

The idea was to create a diagram of an artist, not based on a book, but on my own expertise. Conjuring up elements I wished to include, it first became apparent how crowded the world of art is (artists, audiences, curators, juries, dealers, students, critics, historians etc.), then how many locations are involved, and then, in discussion with Mary Jane, it became very clear that how we value the players and the locales varies greatly as well.

As the task was not to diagram my personal belief system, two design possibilities presented themselves: to indicate all possible varieties, or to make a game in which all possibilities are evoked. The game seemed to be appropriate, and it was printed on the rear of the poster that announced the symposium, as a treat of sorts. Later I also printed a larger version and made game pieces to go along with it'.

found: http://thediagram.com/5_1/mers.html

link featured: http://www.flickr.com/photos/davegray/355002597/

high res: http://thediagram.com/5_1/mers_woa.pdf

Published on 2008/08/11 8:16 pm.
Filed under: clean, communication, composition, connections, creative, diagram, game, how to, looking, monochrome, multidirectional, simple, subvert, visualisation, world

Dynamic Time Visualisation

clock+visualisation+ +julien+bayle Dynamic Time Visualisation


Julien Bayle.net talks about visual design and more. He works on social network visualizations, generative art and data visualizations.

He has had some of his social network visualisations published on visual complexity.com.

His dynamic clock to visualise time is simple and innovative. Rather than just static numbers around a circle and handles, he uses space (area) in circles to represent the amount of time elapsed in seconds (dark blue), minutes (white) & hours (light blue).

A great alternative perspective to time rather than the usual. Certainly making the familiar strange through a conflict that needs to be interpreted.



http://www.julienbayle.net/complexity/visualization/clock/

Published on 2008/04/29 9:04 pm.
Filed under: clean, conflict, contrast, creative, dynamic, function, image, incongruous, innovative, interpret, seeing, simple, spatial, strange, subvert, time, visualisation

BrainLand

0022eb425736e16567bc85b4d30e8279 BrainLand


Wallpaper-1600x1200
Originally uploaded by Unit Seven
This is another excellant subversion of a style usually associated with geographic maps, with grid references of ordance survey and great depth of relief terrain shading... of the mind.

The subtle graduation of blue for sea tropically encompassing the Blood brain barrier reef (what wonderful characters they would be in the reef) and a brown, beige 'land' containing Isles of Imagination.

I would like to topographically follow the 'salience trail'.

Wonderful surreal visual map of the mind.

Published on 2008/04/21 5:33 pm.
Filed under: abstract, brain, contrast, creative, designs, image, landmarks, mind, subvert, surreal, topographic, visual maps

Eustace Tilley Subway by Alberto Forero (2008)

cad0a3316d6507233ae5bc2869bcd309 Eustace Tilley Subway by Alberto Forero (2008)


Eustace Tilley Subway by Alberto Forero (2008)
Originally uploaded by pantufla
This is such a clever little map for yet another New York sourced magazine (see Key Magazine NY Times post).

This popular underground map style created by Harry Beck subverted into another context. Since Simon Patterson subverted the underground map style in The Great Bear 1992 i think it has ignited many more styled.

Published on 2008/04/18 5:40 pm.
Filed under: harry beck, map, new york, simon patterson, subvert, subway, tube, underground

Web Trend Map 2008 Beta

web+trend+map+08+ +information+architects+jp Web Trend Map 2008 Beta

Not all visual maps are prescribed to geographic content. Moving away from the past 3 maps of geography but continuing the theme of technology, there is this wonderful map from the Information Architects mapping popular internet websites.

In its second version they've 'taken almost 300 of the most influential and successful websites and pinned them down to the greater Tokyo-area train map. By popular demand, we enlarged the poster size from A3 to A0' (greber, 2008, web-trend-map-2008-beta).

In the popular style of train/underground maps, first started by Harry Beck’s London Underground map, which he developed from 1931 onwards, they are being subverted into alternative content, like here of websites map. Their clear, clean white space [1] is highly effective for organisation of information.

It is a type of

concept map

that is similar to brainstorms where it connects ideas and to that of mind maps. They are ‘graphical representation[s] where nodes (points or vertices) represent concepts (defined by [Joseph .D] Novak[2] as perceived regularities in objects and events), and links (arcs or lines) represent the relationships between concepts’. These objects and events are the common features which we abstract from our experience. The events form Wordsworth’s childhood memories that are ‘“sources of adult confidence and creativity”’ and helped him when writing Daffodils, or the visual memories in Barcelona of Picasso that inspired the painting of ‘Les Demoiselles of D’avignon’ and the objects could be the Iberian sculpture, or the Monet painting that also inspired him (Coffey, Hoffman, Cañas, & Ford, 2002, p. 2), (Sharples, 1999, p. 48).

‘Concept maps are used to form knowledge models by placing them in a hierarchical organization and appending elaborating media onto the nodes within each map’ (Montello, 2002, p.2). An excellent example of this is the search engine KartOO. The elaborate media stated are the hyperlinks, animations that are activated when you click on one of the nodes (website names).

Overall it is an excellant map utilising white space & framing knowledge beautifully, brilliant balance of form/function. More articles will come featuring projects mapping the internet.

Online Clickable links version - excellant concept map
http://informationarchitects.jp/webtrendmap3/trendmap2008.html

[1] ‘white space is, perhaps, the most important, [...] aspect of writing as visual design. According to James Hartley, a psychologist who studied the visual design of text, good use of white space can help a reader to: See redundancies in the text & thus faster reading; See more easily which bits of text are personally relevant for them, See the structure of the document as a whole; Grasp its organisation’ (Sharples, 1999, p.141).

[2] Joseph D. Novak studied the concept mapping technique in the 60’s at Cornell University.

mini bibliography

gerber, matt. (2008). Web trend map. http://informationarchitects.jp/web-trend-map-2008-beta/ Friday, January 25th, 2008

Sharples, Mike. (1999). How We Write: writing as creative design. Routledge, London

Google. (2007). Search – Cognitive Mapping
http://intraspec.ca/12montello.pdf. Montello, David. (2002). Cognitive Map-Design Research in the Twentieth Century: Theoretical and Empirical Approaches. Cartographic and Geographic Information Sciences, Vol. 29, No. 3, pp.283-304

Google. (2007). Search – Cognitive Mapping
http://intraspec.ca/cogmap.php. John W. Coffey, Robert R. Hoffman, Alberto J. Cañas & Kenneth M. Ford. (2002). A Concept Map-Based Knowledge Modelling Approach to Expert Knowledge Sharing*, Florida Institute for Human and Machine Cognition, Pensacola Fl, 32502, viewed 30 June 2007, http://www.ihmc.us/users/acanas/Publications/IKS2002/IKS.htm

Published on 2008/04/07 12:07 am.
Filed under: architecture, concept map, function, harry beck, information, internet, knowledge, links, mapping, memories, mind, nodes, perception, picasso, subvert, underground, visual maps, web map, white space, wordsworth