Google Teaching

Its been a while since I posted and it seems I've been knee deep in google! Yes, ok I use it for my email and docs, recently maps (been improving the functionality of the creative maps, awesome btw, post to come) and Youtuube. So without further-a-do... is that how you type that expression?... anyway!



Google is also integrated into my teaching through sharing resources digitally on google docs, to them submitting visual research through blogger. Today a colleague suspected you could use a google (word) doc as a live wiki, I was intirgued and we got the students to input their email address (hence not great quality to read) but we'd not seen how it works.

As you can see from the video you can see how it flickers as with different colour tags which are the different students collaborating on a timeline of research into how we have got to our digital world of today... when zuckerberg invented facebook to when logie baird invented the tele (ok majority are now plasma's as opposed to cathode ray tube).

But to watch it live (the colleges servers and ageing laptops just about survived created a beautiful collaborative document and such a fast, vast resource (ok didint ask to double checkl their sources of data, much in the same respect as a wiki) of info that created such debate that the tutuor could just reflect on to point out the shortening of technological development cycles (there is a better description for it) and key dates etc.

Infographics

Is there a way to track the amount of individual user input into the document other than colour coding each users text? I can imagine a tree diagram to represent the contrasting majorities of users input. I mean its useful in that you can track which user is doing what and who is adding the most useful data, but can we data mine their input?

Anyhow, I can imagine this technique has been done much already and we're hardly new, but I had to record it as it looked so good their collaboration and I'd love anyfeedback as if it is possible to translate this input technique into stats that can be made into infographics (not for the 'eye candy' novelty, though intriguing to innovate, but to assess, evaluate the students learning. Give Curriculum Leaders/Verifiers a clean-sweep-perception to aid the arbitary quantification of un-easy quantifiable currency of creative understanding. Ok, maybe not as deep as the whole of creativity, but still.

Pixel Rolling

7f5a6b118e821052d9791748dc846736 Pixel Rolling

This might be old, but how great is it. Paint your screen. I am intrigued at some point to find out what solenoids are that 'control paint-emission', Audi Design Foundation, Design in Action publication.

.

.

.

.

.

'PixelRoller is a paint roller that paints pixels, designed by Stuart Wood, Florian Ortkrass & Hannes Koch as a rapid response printing tool specifically to print digital information such as imagery or text onto a great range of surfaces. The content is applied in continuous strokes by the user. PixelRoller can be seen as a handheld “printer”, based around the ergonomics of a paintroller, that lets you create the images by your own hand.' random-international.com/pixelroller-overview/# .

.

.

.
.

.

.

. Originally by Wood & Ortkrass whilst postgraduating (lets make words) at the RCA, Audi DF I want to know if it can control more colours, or do you have to change paint supply? the computer keeps it in registration (alignment) so you can re-paint over the same part of an image and controls the supply of paint, bit like using the same clone point in Adobe Photoshop (love doing that into a blank document from an image with a wacky brush).

.

.

. This is part of the V&A Museums permanent collection of (I assume...) con-temporary printing machines, or in the Audi - Design in Action publication the 'temporary printing machines and with clients like Nokia, Coke Zero & Oracle. The publication did have some lovely tracked type and spreads combining red, black and beautiful white space. .

.

.

'The software for the first PixelRoller prototype was created using processing which proved invaluable to the development process.' random-international.com/pixelroller-overview/#

.

.

That processing by Casey Reas and Ben Fry I think it was... whilst at the Aesthetics & Computation Group headed by John Maeda is finding some truly versatile uses.

.

.

. http://www.random-international.com/pixelroller-overview/#

.

.

For more information, please contact us more@random-international.com. For more images, please visit the PixelRoller at the RCA 2005 Gallery.

.

.

Olympic Infographic

 Olympic Infographic

i saw it tweeted from new follower/following http://twitter.com/infojocks/status/2225853051

great use of colour, clean, clear much in the vain of Global Internet Map by roxanna tran and telegeography.com

apologises i dont know more about the author, will ask jeremy (infojocks) more about who made it. might be at the bottom of the infographic.

See more circles, here:

http://visualthinkmap.blogspot.com/search?q=circles

Colour Wheel Associations

 Colour Wheel Associations



brand associations that are connoted by certain colours. great wheel to help have an awareness of what colours mean what.

see also:
Colour Scheme Harmoniser
Colour in data visualization
Colour in data visualization references

Website as Graph

83322eb356c98ffccea8e502305deb91 Website as Graph

Made by Marcel Salathe (email me: salathe.marcel AT gmail DOT com)

Type in your website url into the tool here: http://www.aharef.info/static/htmlgraph/

Very intersting way to see the structure of your html for websites, the key is below to the colours. The big red blue cluster to the bottom left is my blogroll with table, tr, td, a href TAGS in a big list hence the volume of the cluster. That was an easy part to spot.

What do the colors mean?
blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags

found: http://www.dddinfographic.com/index.php/2006/06/08/websites-as-infographics/

might be old, so apologises for re-showing people

Emotion Map

screenshot2 Emotion Map

Worcester Waterfront is an exciting 2 year project to improve the city’s riverside. It will provide more seating and paving,
suitable lighting, interpretation of the natural and social history of everything along the route and linking up all sorts of places and stories along the way. The idea is to also achieve the building of another bridge across the river for pedestrians and cyclists at Diglis Island, to form one of the best two and a half km circular walks in the country.

Through Andy Stevenson at Worchester university the council are using a new form of multimedia visualisation to help develop the Waterfront proposals, both to illustrate the route online, and to gain opinions about the area to inform the design. The method, which involves satellite (GPS) tracking, heart rate monitoring and listening to audio commentaries is helping to show how individuals both utilise and react when out travelling along the riverside paths near Worcester’s City Centre.
The system is being developed to help the progress of the design and to see how stretches of the riverside can be most
effectively enhanced for all users.

Emotimap is great idea and Andy and the team are currently planning how to make this visualisation available commercially. It has some good attempts at linking colour and emotion to geographic location. here is the link to the project for the worchester council http://www.worcester.gov.uk:8080/emotimaps/


An image taken from the map showing the coloured ‘mood’ markers.

Andy has also done an interesting project featured at Movement Mapping on Flickr that is creative capturing a peculiar
variable of the cat.


Good stuff. thanks for the embed link andy.

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

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)

Colour Scheme Harmoniser

dda8cd0caff92048f8655ca7dd90ac17 Colour Scheme Harmoniser


Not sure if harmoniser is a word, but i like that this tool lets you create a colour harmony form just point and click in the buttons under the wheel

mono, ocntrast, triadic, tetrad, analogical

Faber Birrren would love this, just like j m brockman would have loved grid-designer-tool.

Creating instant colour hamrines for you in a second wasn't enough you can decide upon the subtle nuances of the triad, tetrad and analogical with the degrees between,



Will have to try see version 3 as it isn't supported on IE6 but version 2 is supported on IE6 which is the one shown.


I have seen other good colour pickers that give a scheme and the hex codes but the harmony buttons and subtle nuances so easily manipulable, god this is good, easy, simple.