CS 171 Visualization 2008

I was shared this link on Del.ici.ous sorry cant remember by whom. It is the Havard school of engineering and applied sciences course, very inetersting.

Topics: (subject to change)
Data and Image Models
Visual Perception & Cognitive Principles
Color Encoding
Visualization Software Design
Designing 2D Graphs
Maps & Google Earth
Higher-dimensional Data
Unstructured Text and Document Collections
Trees and Networks
Scientific Visualization
Medical Visualization
Scientific Photography
Animation
Interaction Techniques
Social Visualization
Visualization & The Arts

Well I liked perusing the students visualisation projects below:

Abraham Passaglia
Baseball Player Value Indicators

Alex Chou
Visualization of Piano Music



Andrew Granoff
Hasty Pudding Ticket Sales Visualizer

Wen Huang Wang
Visualization of US Metropolitan House Market

Andrei Munteanu, Anjuli Kannan
Visualizing Synonym Chains

Bill Wright
2D Color Load Meter for Visualizing Annual HVAC Loads

Brett Thomas, Clara Blattler
Energy Success Rate: Re-evaluating Energy Efficiency

Wendy Bossons, Melanie Howell, and Tawa Taylor
Hurricane Katrina After Effects

Cindy Cheng
Visualizing Vocabulary

Daniel Carroll, Tyler Bosmeny
Visualizing Trends in Search Data Subsets

Daniel J. Hilferty
Visualizing the National Budget

Daniel Suo
Emily Dickinson Revisited

David Kosslyn, Rajaraman Sundaram
Visually Del.icio.us

David Reshef
Vibrio Cholera Computational and Graphical Database

David Ng
NBA Player and Team Performance Trends

Derek Horton
HyperVisualizer: Visualizing Virtual Machines

Diana MacLean
Crime and Perceptions of Crime in Boston

Katie Fifer, Doug Lloyd
Visualizing the US's Subprime Mortgage Crisis and its Effects on the Economy

Douglas Alan
An Interactive Tool for Exploring Dendrogram Representations of Spectral Line Data Cubes

Eric Gieseke
Where and what are the current hazardous threats?

Gregory Gimler, Trung Tran
Natural Disasters Around The World

Peter V. Henstock
Understanding the Sequence of Learning Japanese Kanji

J.R. Hass
Visualizing Related Images Using The Image Gist Algorithm

Jesse Fish
A Visual Analysis of Movies, Actors and Actresses Using IMDB

Jesse Rader, Samir Paul
Harvard by the Numbers

Jonathan Tsao
Wikivisia: A Graph Visualization of Articles in Wikipedia

Jue Wang, Giancarlo Garcia
Where's the Music? (Concert Locations Visualization)

Karen Feng
LinkTracr: tracing links through the blogosphere

Katie Grosteffon
Nursing Home Care

Elizabeth Lemon
Book sharing patterns among users of BookCrossing.com

Nick Chammas, Mark Garro
Visualizing a Machine's Thought-Process (Game Analysis with a Min-Max/Alpha-Beta Search Engine)

Mark Yetter
South Korea's Age Income Landscape in a World of Change

Matthew Huchu, Lilli Gilligan
Thermal Engineering plc: Departmental Performance Noticeboard

Hao-Yuh Su
Music Trend Visualization

Penelope Cuevas
Healthcare Costs

Qing Gao
Mining Audioscrobbler

Roanna Ruiz
Visualizing the Normal and Post-Stroke Brain

Savita Sahgal
Visualizing SUV attributes to make a better buying decision

Silpa Kovvali, Teddy Sherrill
Economics and Performance in the National Basketball Association

Steven Vasilakos
Effective Dashboard Design

Tara Murphy-Volz
State Relocation Assistant

Thomas Carriero, Jie Tang
Visualizing My Inbox

Thomas Wionzek
50 Years of the Dollar: Currency Strength Animated Timeline

Tina Tang
Visualizing Academic Networks

Timothy Knell
Visualizing Sarah Jane Studios

Victor Lan
Top news stories for the day?

William Cheng
Visualization of Extrasolar Planetary Systems

shame some links dont work.

well ofund here, with the course details as well. http://www.seas.harvard.edu/courses/cs171/

Mapping Genes

d0c55545569e562c2f92be46469d0f37 Mapping Genes

Mapping the Human 'Diseasome' by Marc Vidal; Albert-Laszlo Barabasi; Michael Cusick

really like this, clean simplification of a complex subject showing the amount of genes associated with that disease. Researchers created a map linking different diseases, represented by circles, to the genes they have in common, represented by squares. Related Article: Redefining Disease, Genes and All

love the size ratio and soft pastels colours.


Periodic Table of Design

6dfb8845509f5a8eeaf6a9b635ebed88 Periodic Table of Design

Problem solving [Ps], Visual thinking [Vt], Information [In], Communication [C], Language [L], Technology [T], Shapes [S], Form [Fo] & Function [Fu].

Just the first 9 elements in my periodic table of design. I had a sketched idea to try it in one of my notebooks. then saw the periodic table of visualisation methods by Ralph Lengler and Martin J. Eppler, had seen simon pattersons rhodes to reason done in 95' and so kept making notes of things that should be included until had a good structure (below). might have missed things but found some of the elements were already covered under another. any other suggestions please let me know.

Not quite as interactive as the visualisation methods table by eppler and lengler but hopefully equally as useful to overview the topic of design and have a substantially improved awareness of design releated issues/elements.

published here: http://www.nowpublic.com/environment/when-elements-go-extinct

Periodic Table of Visualisation Methods

periodic+table+of+visualisation Periodic Table of Visualisation Methods

Brilliant, brilliant, brilliant. Its interactive, you hover over the elements charted and it gives you an example of the creative data/information visualisation method.

For instance my last post Type Timeline Map would be the element T and is usually just an overview, although I tried to put as much detail in as I could, and is classed as an Information Visualisation. They're all there and more Mind Maps, Flow Charts all divided into categories.

It is another great subversion of design styles with soft pastel colours. The original Periodic Table transformed into Visual Thinking Elements is fantastic. Gives creativity and design this much needed scientific perspective as many data/info visualisations are bordering on the discipline of Science.

This isn't the first periodic table subversion, Simon Patterson not surprisingly in 'Rhodes to Reason' (1995) featured in Mapping: An Illustrated Guide to Graphic Navigational Systems has done this too. Simliar to his other Beck Tube map 'The Great Bear' (1992) subversion he takes actors names initials Sc for sean connery as an element and many other diverse individuals.

I first saw this Periodic Table of Visualisation methods featured among Jeff Bennett's Visualisation Taxonomy at his site visualthinkmedia.com. I then found it featured at Dave Davison's blog IQP which is when I discovered the full magnitude of its brilliance.

Excellant work by Ralph Lengler and Martin J. Eppler @
visual-literacy.org/periodic_table/periodic_table.html

Wireless Brain Mapping thoughts

8e996c2945287c5dcb43b703790063ac Wireless Brain Mapping thoughts


notebook4 - wireless thoughts
Originally uploaded by visual think map
Love Muse, was first hooked with plug in baby, thought how it would be great if you could plug in. then took it a step further with pluging in wirelessly to download your thoughts, or upload.

Technology will be there one day... to boldy go where no one has gone before! Well... its there. What I imagined would be a great way to externalise thoughts, is almost a reality.

'Mapping brain could translate thoughts into speech

Forty-one neurons is a drop in the ocean compared with the hundred billion or so cells that are present in our brains. But those few neurons could help Eric Ramsey talk again. It is eight years since a car accident left Ramsey "locked-in" - aware but paralysed and unable to communicate other than through eye movements. By listening in on a tiny population of cells in his brain, neuroscientists hope to give him back his "voice" - a first for someone with his problems.

Ramsey had a wireless electrode implanted 6 millimetres or so below the surface of his brain in 2004 (see Diagram). The electrode records the electronic pulses sent by 41 neurons that surround it in an area of the brain involved in generating speech. By analysing the signals created when Ramsey imagines speaking, the team has developed software that may one day turn his thoughts into ...' from the New Scientist - access to full article needs subsciption.

PS if somone is subscribed could they send me the diagram featured in the article.

http://www.newscientist.com/channel/health/mg19626304.000-mapping-brain-cells-could-translate-thoughts-into-speech.html?feedId=health_rss20

Da Vinci: Notebooks as Thinking Artefacts

homo+vitruvianus+ +da+vinci+painting Da Vinci: Notebooks as Thinking Artefacts

Not all visual maps involve these beautiful, elaboratly designed concept maps, mindmaps, spider diagrams with time & knowledge of coding/art to create.

The notebook is easily portable with the only need being a pen without the need for your other research files/books to hand. It allows your thoughts to be readily reflected upon and more chance of the critical point of engagement utilised.

Many great thinkers utilised notebooks such as I.K. Brunel featured on you tube at my blog, Paula Scher (pentagram partner) likewise blog, also Leonardo Da Vinci who worked between Science & Art, fig,

‘Page after page of Leonardo’s manuscripts has a gentle but thorough integration of text and figure […] the use of words and pictures together requires a special sensitivity to the purpose of design. [W]hether the graphic is primarily for communication and illustration of a settled finding or, in contrast, for the exploration of a data set.’ (Tufte, 2001, p.182).

I have created a notebook that use’s drawing and writing to combine ideas and readings across varying sectors of design. I use drawing as a research tool as well as writing; fig. This special sensitivity to design are some of the design issues surrounding form and function, and contrasts of light/dark, thick/thin (salience), framing, use of white space, or colour harmony.

'words on and around graphics are highly effective-sometimes all too effective-in telling viewers how to allocate their attention to the various parts of the data display’ (Tufte, 2001, p.182).

Mind maps, brainstorms and notebooks are visual research (visual maps). In the book Visual Research: An Introduction to Research Methodologies in Graphic Design (Advanced Level), ‘it is possible to critique action so as to produce more enlightened or more effective forms of action. The critical thinking in this tradition is a practice in the world, a praxis’ (Noble & Beastley, 2005, p 9).

Critical thinking is what is trying to be achieved through notebooks, visual maps. Praxis is if we look at Aristotle states, ‘practice is the application of that knowledge to solve problems’, this is what design is problem solving.

Visual diaries & notebooks are a form of ‘action research – where a diary tells, in a step-by-step way, of a practical experiment in the studio’. This is ‘research through art and design’, ‘where the end product is an artefact – where the thinking is, so to speak, embodied in the artefact’ (Frayling, 1993/4, p.5).

mini bibliography

Tufte, E R. (2001). Envisioning Information. Graphics Press LLC , Connecticut

Noble, Ian & Bestley, Russell. (2005). Visual Research: An Introduction to Research Methodologies in Graphic Design (Advanced Level). SA, AVA Publishing

Frayling, C. (1993/4). Research in Art & Design. Royal College, Vol 1, No 1. London.

Da vinci figure from : Pederetti, Carlo. (2006). Leonardo Da Vinci. UK, Tajbook

New York Times Key Magazine Cover

ny+times+key+magazine2+ +john+maeda+ +CR+nov+07+p42 New York Times Key Magazine Cover


Note that I dont have an obsession with New York at the moment, but with such great art foundations of Rauschenberg, DeKooning & Pollock its no surprise of its creative vein. Today technology is the key that has fused creativity & opened boundaries to allow interdisciplinary practice.

The New York Times real estate magazine Key started with the cover design concept of hiring people that are brilliant to do personal interpretations of what a key means to them & their lives. The 1st cover in the Fall 2006 by Carin Goldberg featured all the places she lived at using the font Dynamoe (green & black thumbnail) & spring 2007 (yellow & purple thumbnail) was designed by new york design studio 2x4.

In dialogue with John Maeda (author of Creative Code: Aesthetics + Computation) art director Dick Barnett looked at some of Maeda's sketches and replied to him saying how he's 'loving #3 Google Mappish Mondrian' (3rd thumbnail along) idea and how he might 'think of a way to make it more personal to [maeda's] life'. Maeda responded utilising Boston, he states how he 'thinks of the world as a sort of map of cities', a topographic territory, he 'mined the internet for all the cities with an airport' & made a simple diagram and then drew some 'fluid like curves [framing] to connect into the centre of the keyhole' (4th thumbnail), (Centaur Publication, 2007, p. nov – 42).

Maeda wanted to concentrate on the background rather than the foreground & after some design processing (problem solving) such as replacing fonts used to that of Key magazines T-Star, it was finished. The design is brilliant, although probably not that easy a task to create without access/stroke knowledge of computer science functionality but excellant aesthetics. The overall white stands out from the blue (a colour normally percieved as depiciting sea in maps) causing a slight incongruity on part of the viewer, map reader/user. Boston being the epicentre of travel in this map providing the key access to other cities and the viral red linking lines spidering the topgraphic locations.

Excellant Map utilising technology to visualise data functionality mentioned upon with Bradford Paley, in the heart of its design.

'John Maeda is an artist and a computer scientist, and he views the computer not as a substitute for brush and paint but as an artistic medium in its own right. His mission is to foster the growth of what he calls 'humanist technologists'- people that are capable of articulating future culture through informed understanding of the technologies they use' (http://www.designboom.com/eng/interview/maeda.html, 2008, p. john maeda interview).

More examples of the stages of Maeda's Key Cover design here, http://www.nytimes.com/slideshow/2007/09/06/realestate/keymagazine/20070909_KEY_COV_SS_index.html

Creative Review. New York. Centaur Publication, 2007, p. nov – 42).