My Fry

a69f3d0c307f48f4086deaa9fafa5fd4 My Fry

I love this app from Stefanie Posavec and Dare Digital. She is to be featured in Visualisation Magazine Vol 4 Handmade with her equally beautiful Literary Organisms work.

These projects are great as they examine the accessibility of information and try to make complex narratives of words easier to read by opening up the multi-linear reading of data, see blu-comic or typographic nuance. Giving it a new pattern which is just as brilliant achieved in this app, what apps i think should be made for: easier to access information, but also she & dare digital bring with it beauty in form too.



From Stefanie's site:

'MyFry is the iPhone app edition of The Fry Chronicles, Stephen Fry's latest autobiography.

This project was initiated by Jeremy Ettinghausen at Penguin. I designed the 'visual index' graphics, and Dare Digital made it interactive and created everything else (ie the most important parts).

This iPhone app functions as a 'visual index' of key theme tags within the book, all of which have been divided into 4 major groups: People, Subjects, Emotions, and 'Fryisms'.

The entirety of the book is represented by a circular wheel of 'spines', each of which represents a section of text. The arcs around the outside of the wheel connect sections that are tagged with the same theme.

Through interacting with the scroll wheel, the user can explore the text and read sections in chronological order, by theme, or in any order he or she chooses. As Stephen Fry's autobiography was written in a style that was suited to splitting the text into separate moments in Fry's life, the visual index offers the reader a different way of engaging with this book.'  itsbeenreal.co.uk/index.php?/new/myfry-iphone-app/

Really would love websites to take on this persona, of multi linear reading, interactive, where information is represented as a node, see concept map.

MyFry in the iTunes store

Video: Stephen Fry explaining how the app works

Stephen Fry's website Dare Digital

Related articles by Zemanta

Published on 2010/10/02 3:43 pm.
Filed under: architecture, circular, concept map, connections, Interactive Mapping, multidirectional, non linear, wheel, words, writing Tags: , , , , , , ,

Mapping Knowledge

a949b9ec88879d0121ca40e9d877e32e Mapping Knowledge

A new map of knowledge based on electronic data searches in which users moved
from one journal to another, thus establishing associations between them.


A new map of knowledge has been assembled by scientists at the research
library of the Los Alamos National Laboratory. It is based on electronic data searches in which
users moved from one journal to another, thus establishing associations between them.


The map includes both the sciences and the humanities in a hub and wheel
arrangement, with the humanities at the center and the sciences arrayed around
them. The arrangement fell out naturally from the data and is not contrived,
said Johan Bollen, the leader of the research team.


In the map, published in the current issue of PLoS One, it has some great clustering and is excellant to realise through distance and colour their revelance to each other. The journals are color-coded as follows: physics, light purple; chemistry, blue; biology, green; medicine, red; social sciences, yellow; humanities, white; mathematics, purple; and engineering, pink. The interconnecting lines reflect the probability that a reader will click from one journal to another on the computer screen.

Similar maps have long been constructed on the basis of footnotes in one journal’s articles that refer to articles in other journals. Dr. Bollen believes that his electronic click map better represents scholars’ behavior than does citation analysis, as the footnote method is called.


from: http://www.nytimes.com/2009/03/16/science/16visuals.html?_r=2


found here: http://www.twine.com/item/123nz0p3g-ry/visual-science-map-of-knowledge-nytimes-com

Published on 2009/03/21 2:37 am.
Filed under: colour, constellations, knowledge, landmarks, landscapes, language, links, mapping, multidirectional, research, visual maps

Amazon Books Map

Amazon Books Map


amaz node - info vis - Takayuki Fukatsu


Amaznode (http://amaznode.fladdict.net/)
is a relation based search engine for amazon which is made with adobe flash9 (as3). This search engine visualizes a relation network of products in amazon, from the statistics data "customers who bought this item also bought", by digging related products again and again. Amaznode is not
only for searching but also good for researching and making an associate link.

Fantastic how it mines the associational network of products 'also purchased by...'

good display for hover over with its interactivity. love it.

integratable to your own amazon associates id. score

and not just books, or info vis... any product. the best amazon widget.


Affiliate with amaznode

Amaznode enables you to make a direct link to paticular saerch query, and you can also add your own amazon associate link.


In the search result view, click the "COPY RESULT LINK" button at the top left menu. It copies a handy html to your clipboard.


a href="http://amaznode.fladdict.net/#keywords=information%20design&locale=uk&searchIndex=" target="_blank" affiliate="AFFILIATEID-22">Search with amaznode: information design /a>


You can easly make a link to amaznode search result by adding this code to your blog or email.


Also if you have amazon associate id, and you replace the part "affiliate=" to your own id, all products in this query works as your associate product link.



Market analysis with amaznode


An another aspect of amaznode is that for researching tool. Searching with amaznode, you can find hidden characteristics of products. For example, some kind of products may be bought by a limited user group even it is very very popular.


Made by Takayuki Fukatsu (fladdict.net / blog)


see previous post: Green Search Engine

Published on 2009/01/23 4:07 pm.
Filed under: algorithm, clean, complex, concept map, data, dynamic, image, information, knowledge, map, multidirectional, nodes, non linear, spatial, spider, technology, visualisation, white space

Languages Visual

Languages Visual

Where did your spoken langauge descend from? Well english came from the germanic group dark blue. A great visualisation of the origins of european languages.

The proto Indo European language is placed at the centre (4000 BCE) and present day Indo European languages on the outside edge of the circle(2000 CE).

The inner space is also divided into rings representing different millennia, where the most significant ancestral languages from which contemporary Indo European languages are descended are placed. Proto Indo European divided into various groups, which then subdividedand evolved independently, giving rise to today's different Indo European languages. That is why the circle is divided into different sections, each of a different colour. Each section corresponds to one of the subdivisions of the family of Indo European languages. Thus, the:


dark blue section represents the Germanic group;


green, the Celtic one;


yellow, the Romance languages;


pink, the Greek group;


brown, the Balkan group;


orange, the Anatoliangroup;


red, the IndoIraniangroup;


purple, the Tocharian group;


sky blue,the Slavic group; and


turquoise, the Baltic group.


found here: http://medialab-prado.es/article/investigacion_para_la_visualizacion_experimental_interactiva_de_conocimientos_etimologicos

Published on 2008/10/16 7:13 pm.
Filed under: colour, geographic, language, mapping, meaning, multidirectional, visualisation, writing

Black Box

Black Box

Think it is the black box that kept details of the flight maps. Well here are a few excellant visual exanples of flight mapping.

The first is great, although when you click on the tab flight maps, and then select a country for flights too, it does just assume that the flight originates from the uk. hence uk - paris. dont know if you're able to change the origin of the flight. but look nice and clean visualisations and so highly informative.

from here: http://www.flightmapping.com/maps/files/europe/FRANCE.asp

found here: webuser magazine - issue 197 p69 25th september in their forum form BedstrofromAP

The study for Amsterdam Schiphol Airport was driven by the presumption that the
airport itself would be relocated off-shore, and subsequently required an investigation into the implications that this could have on the Netherlands.

Not as clean and clear as the first but equally creative and informative.

more...www.oma.eu

Published on 2008/10/04 10:31 pm.
Filed under: clean, dynamic, function, geographic, information, landscapes, multidirectional, non linear, spatial, visual maps, visualisation, white space

Subway Blogs Map

cc007eb0b24f585e19ceff9fee78a792 Subway Blogs Map

Names Authors


An excellant visualisation taking another fantastic subway (hary beck) subversion visualisation similiar to the web-trend-map-2008-beta by the information architects, except instead of mapping mapping the internet terrain, mapping claude ashcenbrenner's (at serial mapper) blogs/RSS links archive.

He cleverly structures the content of his blogs using the paris subway map layout of lines by renaming them as:

Visualisation
Teaching
Thinkers
Business Intelligence
Missing In Action
Mind Mapping
Network
Creativity
& Humour

To arrange all these blogs into an easy to follow, complex/diverse/similarities content ordered, clean spatial structure is a real achievement. It has this easy to the eye pink background and beige centre that allows the Blue and Green names easy to focus on and follow along the lines. But if it isnt enough of an achivement to arrnage these complex/diverse blogs in a great connectivist structure, he still added further depth by simply subtly differentiating between French & English blogs without having to compomise his overall layout much at all merely a small key to say:

green - english
blue - french

Making it bilingual to help when navigating.

He was exporting this to pdf so that it is a fully interactive hyperlinks attached to the blog name nodes concept map. make in more engaging yet further.

He breaks it into 2 output version of the authors and one for the names, both using the same spatial location along his different lines so as to easily correlate the authors with their blogs.

I love it as you can probably guess.

Here are cluade's comments (forgive translation, may not be absolutely correct)

'You've probably noticed this blog is somewhat artistic. Indeed unlike the practice you can not find the list of my favorite blogs.In fact I think for a long time, but procrastination also achieved all that we must say that I was not sure how to keep all my RSS feeds in a reasonable space ..

I finally found the solution obviously in the form of a map. You will therefore find below a selection of 70 blogs devoted to mapping information encapsulated in a subway map.

Parisians (and others - °) recognize a part of the metropolitan network to which were added some tram lines. This plan is bilingual French / English including heads of line that I let you discover ... The francophone (in Blue) is represented by nearly 40 blogs, many of which have emerged in the last year ..

This device is designed to encourage you to leave your usual lines by taking paths through it.
Ca n'al'air nothing but a path we must remember that the term method has been built from a Greek word meaning old way .... So Good cognitive walk!

Each blog is associated a subway station. Place your mouse URL appears, click will open a new window to view the blog.'

Love his concept of 'leaving usual lines by taking paths through it', much like my work with the recent http://visualthinkmap.blogspot.com/2008/09/notebook-route-map.html. Could be called Blog Route Visualisation, but Blog Subway Map infer's that quite effectively.

Aa soon as I spot I know a link to Claude's interactive version, trust i will repost this. Great aid to exploring blogs of similiar content/interests/terrain that can be used in an instant, just how you more often then not want a visualisation's performance (function) to do.

Fantastic claude

Enjoy the journey

from here: http://www.serialmapper.com/archive/2008/09/25/mise-en-seine-de-blogs.html

search the web for the titles/authors of blogs, will no doubt bring up the right one as we await pdf concept map

Published on 2008/09/25 11:07 pm.
Filed under: complex, design, diagram, dynamic, engagement, harry beck, landmarks, mapping, mind, multidirectional, nodes, research, spatial, subway, territory, tube, visualisation, white space

Notebook Route Map

f7d59b3ee2dd8aca577fd936dd8a2fd0 Notebook Route Map

This is showing the visual communication of my thoughts on page(s), (9 pages). A visualisation through the journey of my investigation on the terrain of thoughts.

They meander accross the double page spread and mostly are connected via their physical position, i.e. a train of thought finishes, it restarts at the same point at the edge of the page on the next.

They were experiments to see how I visualised my ideas. Whether their physical arrangement through the notebook of my research, ideas, investigations helped me understand better. Re-Re-Reinvestigation.

The second image (route map) is for others to use, simply overlay it on any terrain thou wishes squire, your own notebook pages, maps etc. Then visually think and elicit thoust own topographic connections and routes.

It is quite a conceptual abstract notion to take the visual direction of my thoughts on page(s), the journey of my investigation on the terrain of thoughts and utilise this route with alternative content/terrain. Really like the abstract/organic lines mixed with geometric shapes bringing a bit of order to my thoughts (chaos).

Some experiments I have created, playing with that great notion of 'the map is not the territory' - baudrillard. Hence investigations into what is the territory, and can you utilise maps in different territories. Spatial arrangments intensifying/enhancing cognition. Got me buzzing.

Hope they're interesting.

The creative commons - attribution - non commercial - share alike



Published on 2008/09/14 10:31 pm.
Filed under: complex, composition, diaries, information, interpret, knowledge, landscapes, mapping, maps, multidirectional, non linear, notebook, seeing, self, spatial, territory, visualisation

Domain Name Map

3a67cbc1f8f36ca0113e143adc824a1c Domain Name Map

This is a great complex domains visualisation of how we are provided with our unique url website addresses.

The creators of this domain name system diagram hope to provide a comprehensive picture of how its governed, how it works and what it is.

They keep clean and minimal to help you feel at ease navigating this complex map and a hint of yellow for a starting point guide along the many multidirectional connections.

Along with the yellow they also suggest you can start anywhere or go from 'people' no 1 grey arrow (very small). They have these arrows numbered around which you can use to navigate it as well.

TLD's are Top Level Domain names that are run by Registars such as VeriSign who buy the rights to run .com's ($115,000) & .nets ($115,000) & Afilas who run .info ($115,000). They have to provide public access to their databases searchable at whois.net and purchase these TLD's from ICANN (Internet Corporation of Assigned Names & Numbers) a non-profit organisation chartered by US government.

I read just a little from the 'people' and followed it easily, recognising whois and hwo they fit into it all.

Excellant Diagram

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


Published on 2008/08/21 11:51 pm.
Filed under: clean, communication, complex, computer, internet, mapping, multidirectional, technology, typographic, url, visual maps, visualisation, web map, websites, white space

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

3D CV Map

ISO MAP 2 3D CV Map

Cartographer of Complexity. This map is brilliant on so many levels. It has a timeline at the heart mapping its creator's, Arnaud Velten, career from 1992 - 2008.

In a similar vein to the previously posted Life Map by Ritwik Dey it colour codes his subject/interests & locations in to 5 colours Green, Light Green, Yellow, Orange & Red (top left). These are then used as a key to his timeline in the middle near the red circle for 'You are here' I think vous etes ici translates to, my french is limited (but you could presume to start there as it is the first, bold red graphic epicentre almost).

Under the subjects headings for Graphics/Illustration Green are Typography, Creation, & Mise en Page (I think 'read the page' similar to mise en scene). This then progresses to Communication light green, Multimedia yellow, Marketing orange & (I guess, weak french) Intelligence strategies red which is how Arnaud has arrived at Cartographer of Complexity demystifying problems (again, weak french).

In the top right it is very compact and gives extreme depth to this spatial information visualisation (infographic) not through the perception of 3d depth in the 2d form (which is executed brilliantly btw), but actual quantity of data are his competencies of software understanding, frontpage, dreamweaver, corel (similair to freehand), photoshop, flash, indesign, after effects, premiere...

The centre steming from his timeline link off to his jobs, blog interests... so much detail, wish I could read french better as i would probably understand a lot more.

I wonder if his sponsor at the bottom/center, International Bank of Art Money exists.

Absolutely Fantastic Map.

Real Pleasure, thankyou Arnaud.

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

Found (sent) here: www.as-map.com/ISOMAP.html

High Res PDF here: http://www.as-map.com/ISOMAP-ARNAUD_VELTEN_2007.pdf

Published on 2008/07/23 6:15 pm.
Filed under: 3d, architecture, carto, colour, communication, composition, cv, data, designs, graphic, life, map, multidirectional, non linear, perspectives, solving, spatial, time, typographic, visual maps