13.01.2013 Views

Download the notes in PDF format. - Marije Rooze

Download the notes in PDF format. - Marije Rooze

Download the notes in PDF format. - Marije Rooze

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Visualization Orientation Summaries<br />

Uncensored Sources<br />

<strong>Marije</strong> <strong>Rooze</strong><br />

01-03-2011<br />

Literature ............................................................................................................................................ 3<br />

The Language of New Media (2001) .................................................................................................... 3<br />

Articles ................................................................................................................................................. 3<br />

Knowledge exploration with concept association techniques (2009) .................................. 3<br />

Introduction to In<strong>format</strong>ion Visualization ........................................................................................ 4<br />

Narrative Visualization: Tell<strong>in</strong>g Stories with Data ......................................................................... 5<br />

Excerpt from Tufte (four books) ........................................................................................................... 8<br />

Diagrams for <strong>the</strong> masses ........................................................................................................................... 9<br />

Web ......................................................................................................................................................11<br />

Journalists of <strong>the</strong> future need data skills, says Berners-Lee (2010) .................................... 11<br />

Mak<strong>in</strong>g data dance (2010) .................................................................................................................... 11<br />

An Interactive Exhibit for About $30 ................................................................................................ 11<br />

Presentations ...................................................................................................................................12<br />

A Brief History of Data Visualization (2009) ................................................................................. 12<br />

Jonathan Harris collects stories (2007) ........................................................................................... 13<br />

Manuel Lima | Visual Complexity ....................................................................................................... 13<br />

Journalism <strong>in</strong> <strong>the</strong> Age of Data (2010) ............................................................................................... 14<br />

The joy of stats (2010) ............................................................................................................................ 16<br />

Life as Annual Report (2010) .............................................................................................................. 18<br />

Go Figure: Graphics at The New York Times (2010) ................................................................. 18<br />

David McCandless: The beauty of data visualization (2010).................................................. 19<br />

Golan Lev<strong>in</strong> on software (as) art (2004) ......................................................................................... 21<br />

Natasha Tsakos' multimedia <strong>the</strong>atrical adventure ..................................................................... 21<br />

Demo: Stunn<strong>in</strong>g data visualization <strong>in</strong> <strong>the</strong> AlloSphere (2009) ................................................ 21<br />

Joshua Davis entrevista en argent<strong>in</strong>a 2008 (2008) .................................................................... 22<br />

Barry Schwartz on <strong>the</strong> paradox of choice (2005)........................................................................ 23<br />

Tim Berners-Lee on <strong>the</strong> next Web (2009) ...................................................................................... 24<br />

Tim Berners-Lee: The year open data went worldwide (2010) ........................................... 27<br />

1


BBC Newsnight: In<strong>format</strong>ion Graphics ............................................................................................ 27<br />

Jonathan Harris – Cold: Bold (2010) ................................................................................................. 28<br />

The Future of Art (2010) ....................................................................................................................... 30<br />

Amanda Cox on Data Visualization .................................................................................................... 30<br />

Carol McCall, "Can Big Data Fix Healthcare?" (2011) ................................................................ 31<br />

Strata 2011: Hilary Mason, "What Data Tells Us" ........................................................................ 32<br />

Mak<strong>in</strong>g Data Engag<strong>in</strong>g: A Talk with <strong>the</strong> New York Times Interactive Design Team<br />

(2007) ............................................................................................................................................................ 34<br />

objects to read /watch & / || summarize ...............................................................................35<br />

have to read: ............................................................................................................................................... 35<br />

Hal Varian on how <strong>the</strong> Web challenges managers (2009) ....................................................... 35<br />

In<strong>format</strong>ion Interaction Design: A Unified Field Theory of Design (1994) by Nathan<br />

Shedroff ......................................................................................................................................................... 35<br />

Visualisation Insights: #6 Data Journalist & In<strong>format</strong>ion Designer..................................... 35<br />

Ben Fry (2004). “Computational In<strong>format</strong>ion Design”. http://benfry.com/phd/ ......... 35<br />

Shirky, Clay. Excerpt from: “In<strong>format</strong>ion visualization: Graphical tools for th<strong>in</strong>k<strong>in</strong>g<br />

about data”. In: Es<strong>the</strong>r Dysons’s monthly report, 2002 Volume 20, no. 8 ........................... 35<br />

10 Best Data Visualization Projects of <strong>the</strong> Year – 2010 ............................................................ 35<br />

Brewster Kahle builds a free digital library (2007) ................................................................... 35<br />

Data Ghettos ................................................................................................................................................ 35<br />

L<strong>in</strong>es and Bubbles and Bars, Oh My! New Ways to Sift Data .................................................. 36<br />

Visualiz<strong>in</strong>g Data, Tell<strong>in</strong>g a Story ......................................................................................................... 36<br />

The Data-Driven Life ............................................................................................................................... 36<br />

The data deluge (2010) .......................................................................................................................... 36<br />

Narrative Visualization: Tell<strong>in</strong>g Stories with Data (2010) ...................................................... 36<br />

Scott McCloud - Understand<strong>in</strong>g Comics .......................................................................................... 36<br />

The value of Many Eyes<br />

http://<strong>in</strong>teractiondesign.sva.edu/classes/datavisualization/updates/ ........................... 36<br />

Optional (nice to read): .......................................................................................................................... 36<br />

Voronoi treemaps for <strong>the</strong> visualization of software metrics .................................................. 36<br />

Edward Tufte – all his books :) ............................................................................................................ 36<br />

2


Literature<br />

The Language of New Media (2001)<br />

Manovich (213 -<br />

‘.. a computer database is quite different from a traditional collection of documents: It<br />

allows one to quickly access, sort, and reorganize millions of records; it conta<strong>in</strong>s<br />

different media types, and it assumes multiple <strong>in</strong>dex<strong>in</strong>g of data, s<strong>in</strong>ce each record<br />

besides <strong>the</strong> data itself conta<strong>in</strong>s a number of fields with user-def<strong>in</strong>ed values.’ (214)<br />

Reference to Janet Murray, she def<strong>in</strong>es four essential properties:<br />

• Procedural<br />

• Participatory<br />

• Spatial<br />

• Encyclopedic<br />

‘Narratology, <strong>the</strong> branch of modern literary <strong>the</strong>ory devoted to <strong>the</strong> <strong>the</strong>ory of narrative,<br />

dist<strong>in</strong>guishes between narration and description. Narration is those parts of <strong>the</strong><br />

narrative that move <strong>the</strong> plot forward; description is those parts that do not.’ (216)<br />

‘As its name itself implies, narratology paid most attention to narration and hardly any<br />

to description. But <strong>in</strong> <strong>the</strong> <strong>in</strong><strong>format</strong>ion age, narration and description have changed roles.<br />

If traditional cultures provided people with well-def<strong>in</strong>ed narratives (myths, religion)<br />

and little ‘stand-alone’ <strong>in</strong><strong>format</strong>ion, today we have too much <strong>in</strong><strong>format</strong>ion and too few<br />

narratives that can tie it all toge<strong>the</strong>r.’ (217)<br />

‘For better or worse, <strong>in</strong><strong>format</strong>ion access has become a key activity of <strong>the</strong> computer age...<br />

<strong>in</strong><strong>format</strong>ion access is no longer just a key form of work but also a new key category of<br />

culture.’ (217)<br />

Articles<br />

Knowledge exploration with concept association techniques (2009)<br />

Different ways of access<strong>in</strong>g <strong>in</strong><strong>format</strong>ion. Focuses on exploratory learn<strong>in</strong>g, <strong>the</strong> problems<br />

of f<strong>in</strong>d<strong>in</strong>g <strong>in</strong><strong>format</strong>ion <strong>in</strong> open environments. Content based recommendation systems<br />

based on history leads to overspecialization or ‘similarity hole’. Recommendation<br />

systems based on collaborative filter<strong>in</strong>g, such as bask analyse, used by e-commerce<br />

companies such as amazon.<br />

The difference between data- and goal-driven strategies is that learners use <strong>the</strong><br />

former to locate each piece of related <strong>in</strong><strong>format</strong>ion and exam<strong>in</strong>e <strong>the</strong> details of<br />

each piece but <strong>the</strong>y use <strong>the</strong> latter to <strong>in</strong>tegrate and l<strong>in</strong>k <strong>the</strong> related <strong>in</strong><strong>format</strong>ion to<br />

form a concept that relates to <strong>the</strong> goal of an exploration. (2009:790)<br />

M<strong>in</strong>dmaps are widely applied to represent, <strong>in</strong>tegrate and assess knowledge -> visualize<br />

associations. The use of keywords as tags, tags are scalable and flexible. There is no topdown<br />

structure but a grass-roots one.<br />

The learners’ exploration patterns were analysed on <strong>the</strong> basis of <strong>the</strong> frequency<br />

of all n<strong>in</strong>e ma<strong>in</strong> categories of activities dur<strong>in</strong>g m<strong>in</strong>d mapp<strong>in</strong>g: self-determ<strong>in</strong><strong>in</strong>g<br />

concepts, modify<strong>in</strong>g concepts, delet<strong>in</strong>g concepts, request<strong>in</strong>g concept<br />

recommendation, l<strong>in</strong>k<strong>in</strong>g concepts, request<strong>in</strong>g associations between concepts,<br />

delet<strong>in</strong>g l<strong>in</strong>ks between concepts, brows<strong>in</strong>g <strong>the</strong> web, and retriev<strong>in</strong>g related<br />

papers (2009: 796)<br />

3


Exploration is a dynamic process dur<strong>in</strong>g which <strong>the</strong> learners iteratively seek <strong>in</strong><strong>format</strong>ion<br />

<strong>in</strong> some directions that <strong>the</strong>y might not have known about (798). Two types of<br />

exploration strategies: data and goal driven. M<strong>in</strong>dmapp<strong>in</strong>g as a way to reduce<br />

complexity and cognitive load.<br />

Introduction to In<strong>format</strong>ion Visualization<br />

Riccardo Mazza<br />

Pretty general text about In<strong>format</strong>ion Visualizat<strong>in</strong> (IV). Brief history of IV with John<br />

Snow and M<strong>in</strong>ard’s map of Napoleon’s map, focuses especially <strong>the</strong> latter example<br />

through <strong>the</strong> whole chapter. Is heavily based on <strong>the</strong> work of Edward Tufte, Card,<br />

Schneiderman, Spence. Some text flow problems but quite okay (however, Figure 8 is<br />

awful).<br />

Tells about Tufte’s hate of abundance, of clutter (which is noise). Tufte ‘proposes<br />

layer<strong>in</strong>g and seperation as one of <strong>the</strong> most powerful devices for reduc<strong>in</strong>g noise and<br />

enrich<strong>in</strong>g <strong>the</strong> content <strong>in</strong> graphics, and is archieved by dist<strong>in</strong>ction of colour, shape, size,<br />

addition of elements that direct <strong>the</strong> attention via visual signals, or order<strong>in</strong>g data to<br />

emphasize layer differences’.<br />

Expla<strong>in</strong>s <strong>the</strong> pr<strong>in</strong>ciples of Tufte (9):<br />

1. Show <strong>the</strong> data;<br />

2. Avoid distort<strong>in</strong>g what <strong>the</strong> data have to say;<br />

3. Present many data <strong>in</strong> a small space;<br />

4. Make large data sets coherently;<br />

5. Encourage <strong>in</strong>ferential processes, such as compar<strong>in</strong>g different pieces of data;<br />

6. Give different perspectives on <strong>the</strong> data – from broad overview to <strong>the</strong> f<strong>in</strong>e<br />

structure (red. macro micro read<strong>in</strong>g/perspective - context & focus)<br />

The difference between scientific and <strong>in</strong><strong>format</strong>ion visualization. Scientific shows<br />

phenomenal or experimental data <strong>in</strong> graphic <strong>format</strong>s (see Allosphere). In<strong>format</strong>ion<br />

visualization deals with unstructured data sets as a dist<strong>in</strong>ct flavor.<br />

Several issues of data (10):<br />

1. The problem<br />

2. Nature of <strong>the</strong> data – numerical, ord<strong>in</strong>al and categorical<br />

3. Number of data dimensions:<br />

a. Univeriate (one dimension)<br />

b. Bivariate (two dimensions)<br />

c. Trivariate (three dimensions)<br />

d. Multivariate (four dimensions, this and higher = one of <strong>the</strong> most<br />

challeng<strong>in</strong>g tasks)<br />

4. Structure of <strong>the</strong> data<br />

a. L<strong>in</strong>ear<br />

b. Temporal<br />

c. Spatial or geographical<br />

d. Hierarchical<br />

e. Network<br />

5. Type of <strong>in</strong>teraction<br />

a. Static<br />

b. Transformable<br />

c. manipulable<br />

4


The issue with data maps, ‘<strong>the</strong>y can carry a huge amount of data <strong>in</strong> a small space, but<br />

have an <strong>in</strong>tr<strong>in</strong>sic problem: <strong>the</strong>y may give a wrong illusion that <strong>the</strong> importance of <strong>the</strong><br />

<strong>in</strong><strong>format</strong>ion is geographical, ra<strong>the</strong>r than factual’.<br />

Ways to overcome <strong>the</strong> ‘too much data, too little data area’ problem (20):<br />

1. Zoom<strong>in</strong>g<br />

2. Pann<strong>in</strong>g<br />

3. Scroll<strong>in</strong>g<br />

4. Focus + context<br />

5. Magic lenses<br />

Narrative Visualization: Tell<strong>in</strong>g Stories with Data<br />

Edward Segel and Jeffery Heer<br />

Creat<strong>in</strong>g good ‘data stories’, <strong>the</strong>se differ from traditional storytell<strong>in</strong>g. Current tools<br />

enable mostly data exploration and analysis. They took an empirical approach, analyzed<br />

examples and were able to identify ‘salient dimensions of visual storytell<strong>in</strong>g’. They<br />

describe seven genres of narrative visualization:<br />

1. Magaz<strong>in</strong>e style<br />

2. Annotated Chart<br />

3. Partitioned Poster<br />

4. Flow Chart<br />

5. Comic Strip<br />

6. Slide Show<br />

7. Video<br />

Difference between author-driven and reader-driven experiences. They focus on<br />

graphical and <strong>in</strong>teractive elements of narrative visualization and less on cognitive and<br />

emotion experience of <strong>the</strong> reader.<br />

Storytell<strong>in</strong>g and visual expression as <strong>in</strong>tegral parts of human culture, different<br />

storytell<strong>in</strong>g strategies vary among media and genre.<br />

A wide range of storytell<strong>in</strong>g techniques:<br />

• Clear start<strong>in</strong>g po<strong>in</strong>t (> establish<strong>in</strong>g shot)<br />

• Cultural factors (left to right read<strong>in</strong>g<br />

• Change of scenes<br />

o Scott mcloud reference – transition types(understand<strong>in</strong>g comics)<br />

� Moment-to-moment<br />

� Action-to-action<br />

� Subject-to-subject<br />

� Scene-to-scene<br />

� Aspect-to-aspect<br />

� Non-sequitur<br />

Reference to Jonathan Harris ‘<strong>the</strong> human stuff is <strong>the</strong> ma<strong>in</strong> stuff, and <strong>the</strong> data should<br />

enrich it’ Harris [def<strong>in</strong><strong>in</strong>g stories] very loose but basic elements can probably be<br />

summed up with Who/What/Where/Why/How.’<br />

Gershon and Page:<br />

• Highlight<strong>in</strong>g<br />

• Cont<strong>in</strong>uity edit<strong>in</strong>g (mak<strong>in</strong>g <strong>the</strong> medium <strong>in</strong>visible)<br />

• Redundant messag<strong>in</strong>g across media<br />

5


Case studies<br />

• Steriods or not – NY Times<br />

o Seamless transitions, order<strong>in</strong>g by visual consistency (prevents <strong>the</strong><br />

viewer to reorient).<br />

• Budget Forecasts – NY Times<br />

o Consistent visual platform, details on demand, multimessag<strong>in</strong>g<br />

o Interactive slideshow that uses s<strong>in</strong>gle frame <strong>in</strong>teractivity: <strong>in</strong>teraction<br />

manipulates items with<strong>in</strong> a s<strong>in</strong>gle frame without tak<strong>in</strong>g <strong>the</strong> user to new<br />

visual scenes<br />

o Presentation mart<strong>in</strong>e glass structure: follow<strong>in</strong>g tight narrative path early<br />

on (<strong>the</strong> stem of <strong>the</strong> glass) and <strong>the</strong>n open<strong>in</strong>g up later for free exploration<br />

(<strong>the</strong> body of <strong>the</strong> glass).<br />

• Afganistan: Beh<strong>in</strong>d <strong>the</strong> Front l<strong>in</strong>e – F<strong>in</strong>ancial times<br />

o Details-on-demand<br />

o Can be improved, more annotations, too much term<strong>in</strong>ology-heavy<br />

paragraphs, which scares <strong>the</strong> general audience<br />

o ‘This graph may suffer by putt<strong>in</strong>g exploratory power <strong>in</strong>to <strong>the</strong> hands of<br />

<strong>the</strong> viewer without sufficient guidance. A syn<strong>the</strong>sis of summary could be<br />

very useful toward this end.’ (1142)<br />

• Gapm<strong>in</strong>der Human Development Trends<br />

o Animated transition morph<strong>in</strong>g<br />

o Exposed <strong>in</strong>teractivity is part of <strong>the</strong> narrativity<br />

• The M<strong>in</strong>nisota Employer Explorer<br />

o Social <strong>in</strong>teractions features, commentary and visualization is l<strong>in</strong>ked<br />

toge<strong>the</strong>r<br />

o Intention was to engage people, this failed (most comments were from<br />

<strong>the</strong> producers and from visualization-enthusiasts)<br />

o Usability issue: <strong>the</strong> visualization was placed below-<strong>the</strong>-fold on <strong>the</strong><br />

website<br />

o Suggestion of <strong>the</strong> writers: may be more fruitful to annotate stories with<br />

data, <strong>the</strong>n annotate data with stories. (1143)<br />

Analyzed 58 visualizations, were from 71% onl<strong>in</strong>e journalism, 20% bus<strong>in</strong>ess and 9%<br />

visualization research. They made three divisions of features:<br />

• Genre: taxonomy of visual narrative types<br />

o Magaz<strong>in</strong>e Style<br />

o Annotated chart<br />

o Partitioned Poster<br />

o Flow Chart<br />

o Comic Strip<br />

o Slide Show<br />

o Film/Video/Animation<br />

• Visual Narrative: visual devices that assist and facilitate <strong>the</strong> narrative<br />

o Visual structure: mechanisms that communicate <strong>the</strong> overall structure of<br />

<strong>the</strong> narrative to <strong>the</strong> viewer and allow <strong>the</strong>m to identify his position with<strong>in</strong><br />

<strong>the</strong> larger organization of <strong>the</strong> visualization.<br />

o Highlight<strong>in</strong>g: visual mechanisms that help direct <strong>the</strong> viewer’s attention<br />

to particular elements <strong>in</strong> <strong>the</strong> display.<br />

o transition guidance: techniques for mov<strong>in</strong>g with<strong>in</strong> or between visual<br />

scenes without disorient<strong>in</strong>g <strong>the</strong> viewer (like cont<strong>in</strong>uity edit<strong>in</strong>g <strong>in</strong><br />

movies)<br />

6


• Narrative Structure: mechanisms that communicate <strong>the</strong> overall structure of <strong>the</strong><br />

narrative of <strong>the</strong> viewer and allow him to identify with<strong>in</strong> <strong>the</strong> larger organization<br />

of <strong>the</strong> visualization.<br />

o Order<strong>in</strong>g: <strong>the</strong> ways of arrang<strong>in</strong>g <strong>the</strong> path viewers take through <strong>the</strong><br />

visualization.<br />

o Interactivity: different ways a user can manipulate <strong>the</strong> visualization<br />

� Might engage <strong>the</strong> user but detract from <strong>the</strong> author’s <strong>in</strong>tended<br />

message.<br />

o Messag<strong>in</strong>g: refers to <strong>the</strong> way a visualization communicates observations<br />

and commentaries to <strong>the</strong> viewer.<br />

� Might clarify visual elements but produce clutter.<br />

See figure (blablaa) for a table with <strong>the</strong>ir very nice and extensive research.<br />

Figure 7 here<br />

‘Three important patterns stand out from <strong>the</strong> date: (1) <strong>the</strong> cluster<strong>in</strong>g of different<br />

order<strong>in</strong>g structures, (2) <strong>the</strong> consistency of <strong>in</strong>teraction design, and (3) <strong>the</strong> underutilization<br />

of narrative messag<strong>in</strong>g.’ (1145).<br />

Under-utilization of ‘tacit tutorials’ and ‘stimulat<strong>in</strong>g default views’:<br />

• Tacit tutorials <strong>in</strong>troduce a visualization’s <strong>in</strong>teractive functionality by animat<strong>in</strong>g<br />

<strong>the</strong> <strong>in</strong>teractive components along with <strong>the</strong> presentation to make it clear how to<br />

manipulate <strong>the</strong> display.<br />

• Stimulat<strong>in</strong>g <strong>the</strong> default views provide <strong>in</strong>itial presentations of data and analysis<br />

<strong>in</strong>tended to excite <strong>the</strong> user, a device analogous to journalistic leads.<br />

Two different approaches:<br />

• Author-driven<br />

o Strict l<strong>in</strong>ear path;<br />

o relies heavy on messag<strong>in</strong>g<br />

o Includes no <strong>in</strong>teractivity<br />

• Reader-driven<br />

o No prescribed order<strong>in</strong>g of messag<strong>in</strong>g<br />

o No messag<strong>in</strong>g<br />

o High degree of <strong>in</strong>teractivity<br />

Most visualization can be placed <strong>in</strong>to <strong>the</strong> author-driven or reader-driven approach.<br />

However, some fall <strong>in</strong> between, ‘an important attribute of narrative visualization is its<br />

flexibility <strong>in</strong> balanc<strong>in</strong>g both elements.’ A few hybride models have become most<br />

common, <strong>the</strong>y discuss three common schema’s<br />

• Mart<strong>in</strong>i Glass Structure<br />

o Starts author-driven and gradually becomes reader-driven (small<br />

tutorial <strong>in</strong> <strong>the</strong> beg<strong>in</strong>n<strong>in</strong>g)<br />

• Interactive Slideshow<br />

o Work well with both complex datasets and narratives.<br />

• Drill-Down Story<br />

o Relies more on Reader driven approach<br />

Then comes <strong>the</strong> discussion: ‘Generaliz<strong>in</strong>g across our examples, data stories appear to be<br />

most effective when <strong>the</strong>y have constra<strong>in</strong>ed <strong>in</strong>teraction at various checkpo<strong>in</strong>ts with<strong>in</strong> a<br />

narrative, allow<strong>in</strong>g <strong>the</strong> user to explore <strong>the</strong> data without veer<strong>in</strong>g too far from <strong>the</strong><br />

<strong>in</strong>tended narrative’. What will happen when people become accustomed to narrative<br />

visualization? How do you ‘stimulate default views’? Ends with a quote from Blundell:<br />

7


‘We’re supposed to be tellers of tales as well as purveyors of facts. When we don’t live<br />

up to that responsibility we don’t get read.’<br />

Excerpt from Tufte (four books)<br />

Edward Tufte<br />

“This f<strong>in</strong>e texture of exquisite detail leads to personal micro-read<strong>in</strong>gs, <strong>in</strong>dividual stories<br />

about <strong>the</strong> data: shops visited, hotels stayed at, walks taken, office w<strong>in</strong>dows at a floor<br />

worked on – all <strong>in</strong> <strong>the</strong> extended context of an entire build<strong>in</strong>g, street and neighbourhood.’<br />

(53)<br />

‘A most unconventional design strategy is revealed: to clarify, add detail.’ (53)<br />

‘panorama, vista, and prospect deliver to viewers <strong>the</strong> freedom of choice that derives<br />

from an overview, a capacity to compare and sort through detail. And that micro<strong>in</strong><strong>format</strong>ion,<br />

like smaller texture <strong>in</strong> landscape perception, provides a credible refuge<br />

where <strong>the</strong> pace of visualization is condensed, slowed and personalized.’ (55)<br />

different views of <strong>the</strong> same object = small multiple design<br />

‘Small multiples resemble <strong>the</strong> frames of a movie: a series of graphics, show<strong>in</strong>g <strong>the</strong> same<br />

comb<strong>in</strong>ation of variables, <strong>in</strong>dexed by changes <strong>in</strong> ano<strong>the</strong>r variable.’ (50)<br />

These designs are good for comparison, as long as you are consistent:<br />

‘Consistency of design puts <strong>the</strong> emphasis on change <strong>in</strong> data, not changes <strong>in</strong> data frames.’<br />

(51)<br />

‘If <strong>the</strong> visual task is contrast, comparison, and choice – as so often is – <strong>the</strong>n <strong>the</strong> more<br />

relevant <strong>in</strong><strong>format</strong>ion with<strong>in</strong> eyespan, <strong>the</strong> better. Vacant, low-density displays, <strong>the</strong><br />

dreaded posterization of data spread over pages and pages, require viewers to rely on<br />

visual memory – a weak skill – to make a contrast, a comparison, a choice.’ (59 – met<br />

footnote)<br />

‘High-density designs also allow viewers to select, to narrate, to recast and personalize<br />

data for <strong>the</strong>ir own uses. Thus control of <strong>in</strong><strong>format</strong>ion is given over to viewers, not to<br />

editors, designers, or decorators.’ (59)<br />

<strong>in</strong> user <strong>in</strong>terfaces for computers, a problem underm<strong>in</strong><strong>in</strong>g <strong>in</strong><strong>format</strong>ion exchange between<br />

human and software is constant context switch<strong>in</strong>g > chang<strong>in</strong>g <strong>the</strong> visual environment<br />

whereby users have to rely on short-term memory > which means <strong>the</strong>y cannot use it for<br />

significant issues of analysis.<br />

‘Clutter and confusion are faiures of design, not attributes of <strong>in</strong><strong>format</strong>ion.’ (60)<br />

‘Simpleness is ano<strong>the</strong>r aes<strong>the</strong>tic preference, not an <strong>in</strong><strong>format</strong>ion display strategy, not a<br />

guide to clarity.’ (60)<br />

‘small multiples are economical: once viewers understand <strong>the</strong> design of one slice, <strong>the</strong>y<br />

have immediate access to <strong>the</strong> data <strong>in</strong> all <strong>the</strong> o<strong>the</strong>r slices.’ (49)<br />

Tuftes ma<strong>the</strong>matical approach of data density. The data density of a graphic = number<br />

of entries <strong>in</strong> data matrix / area of data graphic.<br />

Tuftes lie factor = size of effect shown <strong>in</strong> graphic / size of effect <strong>in</strong> data. A lie factor lower<br />

<strong>the</strong>n 0.95 and higher 1.05 <strong>in</strong>dicate substantial distortion.<br />

8


About a visual hierarchy, when everyth<strong>in</strong>g (background, structure, content) is<br />

emphasized, noth<strong>in</strong>g is emphasized; <strong>the</strong> design will often be noisy, cluttered, and<br />

<strong>in</strong><strong>format</strong>ionaly flat.<br />

‘Bases on universal ideas of figure-ground, large-motion-covers-small-motion,<br />

hierarchical layer<strong>in</strong>g, and contentdriven design, <strong>the</strong> strategy of <strong>the</strong> smallest effective<br />

difference applies to all display technologies; <strong>the</strong>se examples come from paper, video,<br />

and computer screen.’<br />

Discusses M<strong>in</strong>ard (1781 – 1870) graph which shows Napoleon;s army <strong>in</strong> Russia.<br />

‘Probably best statistical graphic.’<br />

Sparkl<strong>in</strong>es are wordlike graphics with an <strong>in</strong>tensity of visual dist<strong>in</strong>ctions comparable to<br />

words and letters. They are data words: data-<strong>in</strong>tense, design simple, word-sized<br />

graphics.<br />

‘Words visually present both an overall shape and letter-by-letter detail; s<strong>in</strong>ce most<br />

readers have seen <strong>the</strong> word previously, <strong>the</strong> visual task is usually one of quick<br />

recognition.’<br />

Graphic from E. J. Marey about <strong>the</strong> tra<strong>in</strong> schedule.<br />

Data <strong>in</strong>k is <strong>the</strong> non-erasable core of a graphic, <strong>the</strong> non-redundant <strong>in</strong>k arranged <strong>in</strong><br />

response to variation <strong>in</strong> <strong>the</strong> numbers represented.<br />

Data-<strong>in</strong>k ratio= data <strong>in</strong>k/ total <strong>in</strong>k used to pr<strong>in</strong>t <strong>the</strong> graphic<br />

Diagrams for <strong>the</strong> masses<br />

Raul N<strong>in</strong>o Zambrano and Yuri Engelhardt<br />

Starts with <strong>the</strong> use of diagrams <strong>in</strong> <strong>the</strong> movie An Inconvenient Truth. Accord<strong>in</strong>g to<br />

Womack (2006) <strong>the</strong> documentary showed that ‘<strong>in</strong><strong>format</strong>ion visualization is able to<br />

communicate <strong>the</strong> <strong>in</strong>tricacies of global warm<strong>in</strong>g <strong>in</strong> a way no o<strong>the</strong>r discipl<strong>in</strong>e can. Its<br />

messages can be immediate and powerful, without sacrific<strong>in</strong>g <strong>the</strong> level of detail<br />

necessary to represent <strong>the</strong> complex subject accurately’.<br />

There is a trend <strong>in</strong> <strong>the</strong> topic ‘diagrams for <strong>the</strong> masses’. The paper addresses <strong>the</strong><br />

corresondences between Neurath’s idealism and <strong>the</strong>se recent trends <strong>in</strong> <strong>in</strong><strong>format</strong>ion<br />

visualization with regards to ideas about data accessibility, <strong>the</strong> empowerment that this<br />

access may produce and <strong>the</strong> assumed benefits of us<strong>in</strong>g visuals.<br />

Otto Neurath, member of <strong>the</strong> Vienna Circle, aimed for a new way to convey <strong>in</strong><strong>format</strong>ion<br />

that could be comprehensible for a wide range of people, and put it <strong>in</strong> practice <strong>in</strong> <strong>the</strong><br />

different museums that he directed. He, and o<strong>the</strong>rs, developed International System of<br />

Typographic Picture Education (Isotype). Isotype is an iconic language that uses<br />

simplified pictures and specific compositions rules to ‘present someth<strong>in</strong>g worthwhile<br />

<strong>in</strong><strong>format</strong>ion, show up some relationship or development <strong>in</strong> a strik<strong>in</strong>g manner, to arouse<br />

<strong>in</strong>terest, direct <strong>the</strong> attention and present a visual argument which stimulates <strong>the</strong><br />

onlooker to active participation.’<br />

An <strong>in</strong>terest<strong>in</strong>g quote from Twyman: “The output of <strong>the</strong> Isotype movement as a whole<br />

draws attention to two th<strong>in</strong>gs which are of special <strong>in</strong>terest to many designers today.<br />

First, it demonstrates that successful design<strong>in</strong>g depends on a large degree on clarity of<br />

9


th<strong>in</strong>k<strong>in</strong>g; secondly, it provides support for <strong>the</strong> view that <strong>the</strong> graphic designer’s primary<br />

role is to serve <strong>the</strong> needs of society’ (Twyman 1975/1981: 17).<br />

L<strong>in</strong>ked to Hans Rosl<strong>in</strong>g and Gapm<strong>in</strong>der (acquired by Google). Both share <strong>the</strong> idea that<br />

statistical <strong>in</strong><strong>format</strong>ion must be accessible to everyone, both belief that this could lead to<br />

empowerment. And f<strong>in</strong>ally both have <strong>the</strong> assumption that to make scientific facts<br />

understandable it can be best visually displayed.<br />

‘Both Neurath and Rosl<strong>in</strong>g have <strong>the</strong> conviction that dissim<strong>in</strong>at<strong>in</strong>g data and<br />

mak<strong>in</strong>g it comprehensible for a big public could play a role <strong>in</strong> social<br />

trans<strong>format</strong>ion.’ (286)<br />

Reference to famous quote of Neurath: ‘words devide, pictures unite’. He wanted to<br />

educate people through <strong>the</strong> eye. Neurath predicted that ‘communication of knowledge<br />

through pictures will play an <strong>in</strong>creas<strong>in</strong>gly large part of <strong>the</strong> future’.<br />

Zambrano and Engelhardt propose to dist<strong>in</strong>guish three categories of ‘diagrams for <strong>the</strong><br />

masses’. The categories are <strong>in</strong>cremental:<br />

• View<br />

o Passive<br />

o Examples: Isotype charts, diagrams from An Inconvenient Truth<br />

• Interact and Explore<br />

o More active role, <strong>in</strong>teractive exploration<br />

o Examples: Gapm<strong>in</strong>der, Crisis <strong>in</strong> Darfur<br />

• Create and Share<br />

o Very active: upload own dataset, choose visualization <strong>format</strong>, add<br />

coments, publish and share<br />

o ‘Diagrams for and by <strong>the</strong> masses’ > peer production<br />

o Examples: ManyEyes, Swivel, Ushadidi<br />

ManyEyes website claims that <strong>the</strong>ir goal ‘is to democratize visualization and to enable a<br />

new social k<strong>in</strong>d of data analysis’.<br />

All <strong>the</strong>se examples show <strong>the</strong> same spirit: ‘Data accessibility for ‘ord<strong>in</strong>ary people’, a<br />

conscious choice of visuals above words, and a conviction that a better comprehension<br />

of statistical data through visuals could lead to desirable social change is clearly found<br />

both <strong>the</strong>n and now.’<br />

Trellise and Crosstabs<br />

Stephen Few (98 – 104)<br />

Trellis displays, co<strong>in</strong>ed by William Cleveland and Richard Becker <strong>in</strong> <strong>the</strong> early 1990s.<br />

<strong>the</strong>se should exhibit <strong>the</strong> follow<strong>in</strong>g characteristics:<br />

• Individual graphs only differ <strong>in</strong> terms of <strong>the</strong> data that <strong>the</strong>y display. Each graph<br />

displays a subset of a s<strong>in</strong>gle larger set of data, divided accord<strong>in</strong>g to some<br />

categorical variable, such by region or by department.<br />

• Each graph is <strong>the</strong> same type, shape, and size, and shares <strong>the</strong> same categorical<br />

and quantitative scales. Quantitative scales <strong>in</strong> each graph beg<strong>in</strong> and with <strong>the</strong><br />

same values (o<strong>the</strong>rwise values <strong>in</strong> different graphs cannot be accurately<br />

compared).<br />

• Graphs can be arranged horizontally (side by side), vertically (one above<br />

ano<strong>the</strong>r), or both (as a matrix of columns and rows)<br />

• Graphs are sequented <strong>in</strong> a mean<strong>in</strong>gful order, usually based on <strong>the</strong> values that ae<br />

featured <strong>in</strong> <strong>the</strong> graphs.<br />

10


Trellis displays lose much of <strong>the</strong>ir value when <strong>the</strong> <strong>in</strong>didivual graphs are arranged <strong>in</strong> an<br />

arbitrary order – that is, an order that ignores <strong>the</strong> magnitudes of <strong>the</strong> values.<br />

Visual crosstab: are powerful means to exam<strong>in</strong>e and compare data across several<br />

dimensions at once.<br />

Quantitative scales must only be consistent among a series of graphs when it’s<br />

appropriate and useful to compare <strong>the</strong> magnitudes of values between <strong>the</strong>m. In fact,<br />

variables could be expressed as different units of measure entirely, such as dollars<br />

(reveneus, expenses, and profit) versus number of items (order count), which would<br />

make it extremely impractical to use <strong>the</strong> same scales for all variables.<br />

Web<br />

Journalists of <strong>the</strong> future need data skills, says Berners-Lee (2010)<br />

http://www.guardian.co.uk/technology/organgr<strong>in</strong>der/2010/nov/19/berners-lee-journalismdata<br />

Journalists need to be data-savy, data driven journalism is <strong>the</strong> future accord<strong>in</strong>g to Tim<br />

Berners Lee. The geeky journalist.<br />

Mak<strong>in</strong>g data dance (2010)<br />

http://www.economist.com/node/17663585<br />

Interview with Hans Rosl<strong>in</strong>g, creator and frontman of <strong>the</strong> software tool Gapm<strong>in</strong>der, who<br />

appears <strong>in</strong> <strong>the</strong> new BBC documentary. “I produce a road map for <strong>the</strong> modern world,”.<br />

Mak<strong>in</strong>g statistics sexy. Try<strong>in</strong>g to change <strong>the</strong> m<strong>in</strong>dset of students by present<strong>in</strong>g<br />

<strong>in</strong><strong>format</strong>ion <strong>in</strong> a visual way. Reference to Florence Night<strong>in</strong>gale, us<strong>in</strong>g a visualization as a<br />

conv<strong>in</strong>c<strong>in</strong>g method. Infographics to conv<strong>in</strong>ce it’s users. Mak<strong>in</strong>g data available and usable<br />

(open data): Rob<strong>in</strong> Hood of <strong>the</strong> free data. Relation to open-source code. Rosl<strong>in</strong>g makes<br />

grand narratives with his tool, everyth<strong>in</strong>g is connected to each o<strong>the</strong>r. Visualizations as<br />

predictor of <strong>the</strong> future. The enthusiasm and passion of Rosl<strong>in</strong>g is more important and<br />

persuasive than rock solid data.<br />

An Interactive Exhibit for About $30<br />

http://www.nytimes.com/2011/03/17/arts/design/ardu<strong>in</strong>os-provide-<strong>in</strong>teractive-exhibits-forabout-30.html?_r=1&ref=nickbilton<br />

article about <strong>the</strong> use of Ardu<strong>in</strong>o <strong>in</strong> current museums. The Ardu<strong>in</strong>o is a t<strong>in</strong>y,<br />

programmable computer where you can use for sensors (like light and touch). It’s used<br />

for beh<strong>in</strong>d <strong>the</strong> scenes. There is said that:<br />

But this nondescript gadget has become <strong>the</strong> driv<strong>in</strong>g force beh<strong>in</strong>d most of <strong>the</strong><br />

<strong>in</strong>teractive exhibits seen <strong>in</strong> museums and galleries today.<br />

It makes <strong>in</strong>teractive <strong>in</strong>stallations way more affordable. ‘Once an artist has a chip,<br />

<strong>in</strong>expensive sensors can be added to make <strong>the</strong> device sentient.’ The Do-It-Yourself<br />

movement has also <strong>in</strong>spired artists, it democratized <strong>in</strong>teractivity. You don’t have to be a<br />

hacker or a geek to do this. Increases participation <strong>in</strong> <strong>the</strong> museums.<br />

‘The big onl<strong>in</strong>e community has helped to put <strong>the</strong> Ardu<strong>in</strong>o <strong>in</strong>to designers’ hands and has<br />

made it a major part of museums around <strong>the</strong> world.’<br />

11


“The two most important <strong>in</strong>troductions for art <strong>in</strong> <strong>the</strong> past 20 years have been <strong>the</strong><br />

Ardu<strong>in</strong>o and Process<strong>in</strong>g,” expla<strong>in</strong>ed Paola Antonelli, senior curator <strong>in</strong> <strong>the</strong><br />

Department of Architecture and Design at <strong>the</strong> Museum of Modern Art.”<br />

Could be used to <strong>in</strong>vestigate how people <strong>in</strong>teract with art (what distance, how long etc).<br />

‘Artists at N.Y.U. have used <strong>the</strong> Ardu<strong>in</strong>o to create works that blur <strong>the</strong> l<strong>in</strong>e between art<br />

and robotics.’<br />

Massimo Banzi, an Italian eng<strong>in</strong>eer and one of <strong>the</strong> driv<strong>in</strong>g forces beh<strong>in</strong>d creation<br />

of <strong>the</strong> Ardu<strong>in</strong>o, said <strong>the</strong> orig<strong>in</strong>al goal was to make a low-cost and simple-to-use<br />

product that artists and designers could employ to create responsive artwork<br />

without hav<strong>in</strong>g to understand complex programm<strong>in</strong>g or electrical eng<strong>in</strong>eer<strong>in</strong>g.<br />

Mr. Banzi sees <strong>the</strong> uses for <strong>the</strong> device as just <strong>the</strong> beg<strong>in</strong>n<strong>in</strong>g of <strong>in</strong>teractive<br />

museums.<br />

The summary of <strong>the</strong> tools to make <strong>in</strong>teractive works.<br />

Presentations<br />

A Brief History of Data Visualization (2009)<br />

http://cobb.stanford.edu/courses/cs547/090306/090306-cs547-300.wmv<br />

Talk by Jeffrey Heer for Stanford computer science, he studied at Berkeley and worked<br />

with Danah Boyd. Starts with old examples of visualization start<strong>in</strong>g at 6500 bc. Special<br />

reference to Night<strong>in</strong>gale with quote:<br />

‘to affect tro’ <strong>the</strong> Eyes what we fail to<br />

convey to <strong>the</strong> public through <strong>the</strong>ir<br />

word-proof ears’. Engag<strong>in</strong>g <strong>the</strong> public<br />

ra<strong>the</strong>r than scan through, a tool, visual<br />

rhetoric. In 1900s data became<br />

creativity visualized. Around 1900<br />

came <strong>the</strong> ‘dark ages’ of visualization,<br />

no <strong>in</strong>novation. Ma<strong>in</strong> cause was <strong>the</strong> rise<br />

of formal methods <strong>in</strong> statistics and<br />

social science. At 1950s a new era<br />

starts. Beg<strong>in</strong>s with a book ‘How to lie<br />

with statistics, Huff & Geis, 1954.<br />

Three elementary perceptual tasks <strong>in</strong><br />

semiology: resemblance, order, proportion (Bert<strong>in</strong>). Sees statistican John Tukey as one<br />

of <strong>the</strong> hero’s, classic paper future of data analysis. Advocates for exploratory data<br />

analysis. Advent of computers created novel visualization and <strong>in</strong>teraction. The web is a<br />

special platform for visualizations, e.g. treemap, google.maps (pann<strong>in</strong>g and zoom<strong>in</strong>g and<br />

mash-ups), graphics New York Times. Data is ubitiquous and becom<strong>in</strong>g massively<br />

available on <strong>the</strong> web, extract<strong>in</strong>g value from data. Mess<strong>in</strong>ess of data, data <strong>in</strong>tegrity,<br />

manag<strong>in</strong>g data, categoriz<strong>in</strong>g,<br />

1. The reconcilation of Graphical and Formal Methods<br />

2. The rise of graphical literacy and expression (Hans Rosl<strong>in</strong>g & <strong>in</strong>convenient truth<br />

example + flight patterns + many eyes (IBM)) <strong>the</strong> template approach (lego<br />

analogy) – small multiple displays<br />

3. The Social life of Visualization: how can user <strong>in</strong>terfaces support and encourage<br />

collaborative analysis (e.g. baby name voyager, sense.us) enabl<strong>in</strong>g collaboration.<br />

Authorship <strong>in</strong> software – are, for example, Ben Fry and Casey Reas authors? [Reference<br />

to film <strong>the</strong>ory and cahiers du c<strong>in</strong>ema?]<br />

12


Underly<strong>in</strong>g assumption that <strong>the</strong> data is already out <strong>the</strong>re but sometimes you have or<br />

should generate <strong>the</strong> data itself. Trust<strong>in</strong>g <strong>the</strong> data. Infovis, science visualization (lay-out<br />

given), geographical visualization (geoviz).<br />

abstract (http://hci.stanford.edu/courses/cs547/abstracts/08-09/090213-heer.html)<br />

Jonathan Harris collects stories (2007)<br />

http://www.ted.com/talks/lang/eng/jonathan_harris_collects_stories.html<br />

Jonathan Harris is an anthropogist, storyteller, artist and geek, Likes partial glimpes <strong>in</strong><br />

life, let your own m<strong>in</strong>d fill <strong>in</strong> <strong>the</strong> rest. Digital footpr<strong>in</strong>ts, blogposts, photos, updates. Tells<br />

about We Feel F<strong>in</strong>e (feel<strong>in</strong>gs from <strong>the</strong> English speak<strong>in</strong>g world). Montage compasition<br />

(photos + sentences). Internet as a presentation mode. Tell<strong>in</strong>g about <strong>the</strong> whale hunt,<br />

photographic hartbeat. What does make up a story? Fundamental components that<br />

make up a story. Stories have characters, concepts, contexts, time, excitement level. In<br />

traditional media we have narrators, <strong>in</strong> real life this is not <strong>the</strong> case. You can make<br />

substories with <strong>the</strong> whale hunt. Experiment<strong>in</strong>g with <strong>the</strong> <strong>in</strong>terface, <strong>in</strong>teractivity and<br />

elements. Bhutan, bruto happ<strong>in</strong>ess. Express happ<strong>in</strong>ess by baloons, write your wish on<br />

one balloon, show your hands, make a funny face.<br />

Figure 1 Jonathan Harris wish<strong>in</strong>g balloons<br />

Manuel Lima | Visual Complexity<br />

http://digup.tv/<strong>in</strong>dex.php?rub=videos&item=70<br />

Figure 2 diagram "Understand<strong>in</strong>g Spectrum" by Nathan Shedroff<br />

Interview with Manuel Lima, researcher and <strong>in</strong>teraction designer. Created visual<br />

complexity. Mak<strong>in</strong>g sense of <strong>the</strong> petabytes of data. A couple years ago (four, five years)<br />

13


<strong>in</strong><strong>format</strong>ion visualization was very scientific. Reference to Nathan Shedroff and his<br />

diagram “understand<strong>in</strong>g Spectrum” (see figure). ‘Mean<strong>in</strong>gful data is not a fact now <strong>the</strong>se<br />

days’. Convert data <strong>in</strong>to mean<strong>in</strong>gful knowledge. In excel sheets it is hard to f<strong>in</strong>d<br />

patterns. ‘Infoviz … science and art come toge<strong>the</strong>r <strong>in</strong> a sort harmonious way’. Artists<br />

becom<strong>in</strong>g more <strong>in</strong>terest<strong>in</strong>g <strong>in</strong> programm<strong>in</strong>g. ‘aes<strong>the</strong>tics <strong>in</strong>(of?) many ways come as an<br />

outcome. Is not <strong>the</strong> <strong>in</strong>itial goal of a dataviz project. The goal of dataviz is to make a<br />

system more understandable. If you not really reach that goal, <strong>the</strong>n it become more as<br />

generative art.’ Visualization create a new language, with visual complexity f<strong>in</strong>d<strong>in</strong>g <strong>the</strong><br />

common threat. Start understand<strong>in</strong>g of this new syntax, beter visualizations of <strong>the</strong><br />

future.<br />

Journalism <strong>in</strong> <strong>the</strong> Age of Data (2010)<br />

http://datajournalism.stanford.edu/<br />

This video report has been released a couple months ago and it is a must-see video for<br />

everyone who is th<strong>in</strong>k<strong>in</strong>g about data visualization. You meet <strong>the</strong> important figures <strong>in</strong><br />

data visualization, <strong>the</strong> hot topics and important issues with<strong>in</strong> <strong>the</strong> field. It is hard not to<br />

get excited about <strong>the</strong> video, and also about <strong>the</strong> topic. The next era will be, accord<strong>in</strong>g to<br />

some people <strong>in</strong> <strong>the</strong> video, <strong>the</strong> era of analysts, <strong>the</strong> visualizers. There is a huge amount of<br />

data and <strong>the</strong>re is a need to give mean<strong>in</strong>g to it. The value of mak<strong>in</strong>g a visualization is<br />

putt<strong>in</strong>g it <strong>in</strong> a context, show<strong>in</strong>g patterns that are likely <strong>in</strong>visible <strong>in</strong> an excel sheet. The<br />

ultimate goal for Amanda Cox, statistican by New York Times, is to change <strong>the</strong><br />

worldview of people. A good visualization can make people see <strong>the</strong> world <strong>in</strong> ano<strong>the</strong>r<br />

way. There are, of course, also bad visualizations. In <strong>the</strong> video we see some people<br />

compla<strong>in</strong><strong>in</strong>g about <strong>the</strong> heavy datadriven designs. They are seen as beautiful but shallow,<br />

<strong>the</strong>re is no real depth. So we could say that <strong>the</strong>re are highbrow and lowbrow<br />

visualizations. There is special attention to <strong>the</strong> storytell<strong>in</strong>g aspect of visualizations. One<br />

could use <strong>the</strong> <strong>in</strong>teractive slideshow (or as <strong>the</strong> NY timesx calles it, <strong>the</strong> stepper) to provide<br />

a clear path one has to follow. I had to th<strong>in</strong>k about <strong>the</strong> political metaphors which George<br />

Lakoff discusses <strong>in</strong> his book. Lakoff sees contemporary conservatism as <strong>the</strong> Strict Fa<strong>the</strong>r<br />

and contemporary libarlism as <strong>the</strong> Nurturant Parent. The stepper is <strong>in</strong> this way <strong>the</strong><br />

nurtur<strong>in</strong>g parent, <strong>the</strong> handholder. I will expand this topic ano<strong>the</strong>r time. Ano<strong>the</strong>r topic<br />

<strong>the</strong>y breach is <strong>the</strong> template, <strong>the</strong> template is easy, a high ROI (this word is actually<br />

mentioned <strong>in</strong> <strong>the</strong> video!) and usable for <strong>the</strong> laymen. It is also un<strong>in</strong>terest<strong>in</strong>g, 13 <strong>in</strong> a<br />

dozen etc. There is ano<strong>the</strong>r approach, tools to make tools. Like Process<strong>in</strong>g, or a project<br />

from Jeffrey Heer. It is, by <strong>the</strong> way, strik<strong>in</strong>g that Process<strong>in</strong>g is not mentioned that much.<br />

Eventhough we see Ben Fry (creator of Process<strong>in</strong>g) often enough. There is also a person<br />

miss<strong>in</strong>g, I am talk<strong>in</strong>g about Hans Rosl<strong>in</strong>g. His son is <strong>the</strong>re, present<strong>in</strong>g <strong>the</strong> Google Date<br />

Explorer. But where is <strong>the</strong> fa<strong>the</strong>r? He is a real star, partly thanks to <strong>the</strong> Ted<br />

presentations. There are def<strong>in</strong>itely more stars aris<strong>in</strong>g, this field is ‘up and com<strong>in</strong>g’. I am<br />

excited. Hope to work <strong>the</strong>re when I am older.<br />

The video conta<strong>in</strong>s seven chapters, <strong>the</strong> follow<strong>in</strong>g paragraphs conta<strong>in</strong>s a more elaborate<br />

summarization.<br />

I. Introduction. IBM is occupied with democratiz<strong>in</strong>g visualization, mak<strong>in</strong>g it available to<br />

everyone. Now busy with ManyEyes. Vision is <strong>the</strong> biggest band width we have <strong>in</strong> terms<br />

of sensory <strong>in</strong><strong>format</strong>ion to <strong>the</strong> outside world. Visualization takes advantage of <strong>the</strong> fact<br />

that we are so programmed to understand <strong>the</strong> world around us <strong>in</strong> terms of what we see.<br />

Best way to learn is to do it yourself [literacy]. Ben Fry, try<strong>in</strong>g to get people more<br />

curious about a certa<strong>in</strong> topic. Has to be a lot more about art and writ<strong>in</strong>g <strong>the</strong>n about<br />

programm<strong>in</strong>g. It is obvious that <strong>the</strong>re is a data problem and that is not go<strong>in</strong>g away.<br />

II. Data vis <strong>in</strong> Journalism. IBM sees New York Times as a model, creat<strong>in</strong>g sophisticated<br />

visualizations. Amanda Cox, one has to relate to data. Jeffrey Heer, putt<strong>in</strong>g data <strong>in</strong><br />

14


context. Example of <strong>the</strong> unemployment rate, how <strong>the</strong> unemployment rate varies<br />

between different groups. Amanda Cox, <strong>the</strong> highest goal is to change of what you th<strong>in</strong>k<br />

about <strong>the</strong> world. See someth<strong>in</strong>g different. BBC hires now people who are data-savy, <strong>in</strong>to<br />

<strong>the</strong> datadriven journalism. How do you get <strong>the</strong> story from <strong>the</strong> data, how to <strong>in</strong>vestigate<br />

<strong>the</strong> data <strong>in</strong> <strong>the</strong> best way? Give a reason, an <strong>in</strong>centive, to look at <strong>the</strong> data. [You can say,<br />

explore it yourself. But if you need some <strong>in</strong>centive to go out explor<strong>in</strong>g]. Amanda Cox,<br />

looks at <strong>the</strong> data, some you have to throw away. You need a narrative, any k<strong>in</strong>d of<br />

narrative. Nigel Holmes says you can do beautiful th<strong>in</strong>gs with computers but are<br />

completely <strong>in</strong>comprehensible.<br />

III. Tell<strong>in</strong>g data stories. Interaction is key <strong>in</strong> visualization, just like <strong>in</strong> games. Interactive<br />

slideshow, NY calles this <strong>the</strong> stepper (‘like handhold<strong>in</strong>g’). Present<strong>in</strong>g <strong>in</strong><strong>format</strong>ion <strong>in</strong><br />

small chunks which captures <strong>the</strong> user and hopefully will lead to more clicks. Nigel<br />

Holmes states that with <strong>the</strong> web, ‘<strong>in</strong><strong>format</strong>ion can brea<strong>the</strong>’. Also makes data less<br />

overwhelm<strong>in</strong>g. Jeffrey Heer, Drill down story. From macro to micro, allows ‘navel<br />

gaz<strong>in</strong>g’.<br />

IV. A new era <strong>in</strong> <strong>in</strong>fographics. Malofie is <strong>the</strong> most important news <strong>in</strong>fographics ga<strong>the</strong>r<strong>in</strong>g<br />

<strong>in</strong> <strong>the</strong> world accord<strong>in</strong>g to Alberto Cairo. Infographics is usually dom<strong>in</strong>ated by fashion,<br />

<strong>the</strong> current fashion is strange visualizations, strange look<strong>in</strong>g graphic forms. Example is<br />

<strong>the</strong> w<strong>in</strong>ner of 2009 Movie Box office illustration of NY times, Cairo found it really<br />

shallow. It frustrates you. Kris Viesselman: ‘<strong>the</strong>re is a big move from a narrative,<br />

illustrative graphics to statistic rich data-driven pieces’. [is this a highbrow – lowbrow<br />

debate?] Accord<strong>in</strong>g to Alvaro Val<strong>in</strong>o, we have ‘to evolve <strong>in</strong> this statistical era’. [statistical<br />

era vs. <strong>in</strong><strong>format</strong>ion era].<br />

V. Life as a Data Stream. The Feltron report, displays <strong>the</strong> year of Nicholas Felton.<br />

Beautiful presented accord<strong>in</strong>g to Jim Grimwald. Feltron is probably <strong>in</strong>terviewed <strong>in</strong> his<br />

own apartment, his books are ordered by color. Eric Rodenbeck of Stamen Design shows<br />

how one can present real time <strong>in</strong><strong>format</strong>ion (Dynamic real-time ga<strong>the</strong>r<strong>in</strong>g). Look<strong>in</strong>g at<br />

Twitter traffic dur<strong>in</strong>g <strong>the</strong> MTV awards. Ny times does also do some realtime updat<strong>in</strong>g.<br />

Mat<strong>the</strong>w Ericson warns for some challenges associated with realtime: just that<br />

someth<strong>in</strong>g is dumped <strong>in</strong> <strong>the</strong> datafeed does not necessarily mean that you want to<br />

visualize it straight as it is. Second challenge is that it is scalable: it is not allowed to<br />

break when new data is an outlier (go off <strong>the</strong> chart). Break<strong>in</strong>g newsstories <strong>in</strong> a dataset.<br />

VI. Explor<strong>in</strong>g Data. Ola Rosl<strong>in</strong>g, son of <strong>the</strong> famous Hans Rosl<strong>in</strong>g, works at Google on <strong>the</strong><br />

public data explorer. ‘Numbers <strong>in</strong> isolation are often not that useful, you need <strong>the</strong><br />

context. If you are not an expert, you are not aware of <strong>the</strong> context… by show<strong>in</strong>g <strong>the</strong><br />

trend, people can see if a number is low, high, average. Dana Priest states that <strong>the</strong><br />

problem has been try<strong>in</strong>g to convert that data <strong>in</strong>to pleas<strong>in</strong>g, simple visuals. [but life is<br />

messy, maybe to sterile?] Reference to chat with Jonathan and Aaron]. Journalists are<br />

under a great time pressure to publish a story. Eric Rodenbeck, enabl<strong>in</strong>g discovery by<br />

look<strong>in</strong>g at <strong>the</strong> data and discover th<strong>in</strong>gs <strong>in</strong> it you wouldn’t have necessarily thought of to<br />

look for is a pretty important part of what we are th<strong>in</strong>k<strong>in</strong>g about <strong>the</strong> studio. Mak<strong>in</strong>g<br />

<strong>in</strong>terfaces to allow you explore and discover and ask questions that you wouldn’t<br />

normally th<strong>in</strong>k to ask. Shawn Alles, free<strong>in</strong>g <strong>the</strong> data. Completeness <strong>in</strong> <strong>the</strong> data is<br />

important to have. Sarah Slob<strong>in</strong>: ‘that’s <strong>the</strong> new th<strong>in</strong>g, right? Transparency is <strong>the</strong> new<br />

black’ (about data.gov). Mart<strong>in</strong> Wattenberg (IBM research), ‘visualization can promote<br />

openness. Just by <strong>the</strong> fact of it’s existence. The moment you try to make a visualization<br />

you realize you need data, and if you have holes <strong>in</strong> your data <strong>the</strong>y become apparent and<br />

so. Visualization conserve two roles: one is <strong>the</strong> explicit role of lett<strong>in</strong>g us see stuff com<strong>in</strong>g<br />

[?] <strong>the</strong> o<strong>the</strong>r is <strong>the</strong> sort of funny, passive aggressive role that of if you need to do a<br />

15


visualization you f<strong>in</strong>d yourself pushed <strong>in</strong>to <strong>the</strong> mode of want<strong>in</strong>g to make data open.’<br />

[very <strong>in</strong>terest<strong>in</strong>g]<br />

VII. Technologies and Tools<br />

Good design environment, Flash is a popular program. Ny times, when <strong>the</strong>y started<br />

<strong>the</strong>re was a one-off bases, but quickly code was written <strong>in</strong> a way that it could be re-used.<br />

Object oriented programm<strong>in</strong>g, abstract<strong>in</strong>g functions. Flare library, protovis by Stanford,<br />

gett<strong>in</strong>g results with less effort more pleasure. Jeffrey Heer says examples are important,<br />

<strong>the</strong>y show what k<strong>in</strong>d of visualizations are possible enriches people th<strong>in</strong>k<strong>in</strong>g <strong>in</strong> what are<br />

<strong>the</strong> available options and what are <strong>the</strong> right ways to convey data. And from <strong>the</strong> technical<br />

site provides <strong>in</strong><strong>format</strong>ion how to create this visualizations. From flash to java. Flash is<br />

not available on o<strong>the</strong>r platforms (like telephones) so some of <strong>the</strong>se browser native<br />

techniques maybe be <strong>the</strong> better bet <strong>in</strong> reach<strong>in</strong>g a wide diversity of <strong>in</strong>teractive devices.<br />

Ny times, <strong>the</strong> more you automate, <strong>the</strong> less <strong>in</strong>terest<strong>in</strong>g it becomes but I th<strong>in</strong>k tool<br />

build<strong>in</strong>g is important. CaliforniaWatch, build<strong>in</strong>g tools which are reusable so that you get<br />

a better return of <strong>in</strong>vestment (ROI). Creat<strong>in</strong>g templates, timel<strong>in</strong>e, barchart, maps with a<br />

comprehensible CMS (content management system). Mak<strong>in</strong>g it more accessible. [this is<br />

<strong>the</strong> template vs <strong>the</strong> manual debate].<br />

VIII. First steps<br />

Swiffle, easy way to make visualizations. Lay man can make visualizations through, for<br />

example, <strong>the</strong> google products. Get to know your strengths, mapp<strong>in</strong>g, data, animation.<br />

Knowledge of statistics is very important. Different conferences like IEEE, SIGGRAPH,<br />

society for news design annual meet<strong>in</strong>g and <strong>the</strong> earlier mentioned Malofiej. It is very<br />

upcom<strong>in</strong>g.<br />

The joy of stats (2010)<br />

http://www.bbc.co.uk/programmes/b00wgq0l<br />

Nice documentary which is presented and narrated by Hans Rosl<strong>in</strong>g. A lot of concepts<br />

and history is covered <strong>in</strong> this documentary. We get to know Rosl<strong>in</strong>g better, see some<br />

<strong>in</strong>terviews. Lot of great examples and visualization that make <strong>the</strong> concepts graspable.<br />

Funny anecdotes. Distribution, correlation. Excit<strong>in</strong>g times<br />

Hans Rosl<strong>in</strong>g is <strong>the</strong> creator of Gapm<strong>in</strong>der. Although not officially a statistician (global<br />

health), Rosl<strong>in</strong>g is very much <strong>in</strong>to statistics. He is eager to show <strong>the</strong> beauty of statistics<br />

and tries to shake of <strong>the</strong> bor<strong>in</strong>g image of statistics. You can make data s<strong>in</strong>g with it. With<br />

statistics <strong>the</strong> datadeluge, as it is been called, is lead<strong>in</strong>g us to a ever greater<br />

understand<strong>in</strong>g of life on earth and <strong>the</strong> universe beyond. Thanks to computational power,<br />

it can fundamentally transform <strong>the</strong> process of scientific discovery. I kid you not,<br />

statistics is <strong>the</strong> sexiest subject around.<br />

Rosl<strong>in</strong>g became obsessed with stats when he realized that many people <strong>in</strong> Sweden don’t<br />

know about <strong>the</strong> rest of <strong>the</strong> world. Mak<strong>in</strong>g sense of <strong>the</strong> chang<strong>in</strong>g world. Uses freely<br />

available <strong>in</strong><strong>format</strong>ion from <strong>the</strong> UN and <strong>the</strong> World bank. Rosl<strong>in</strong>g’s mission is to share his<br />

<strong>in</strong>sights to anyone who will listen. And show that statistics is noth<strong>in</strong>g to be frightened of.<br />

Interview with two people from Stamen and shows <strong>the</strong> crimemap from San Franchico.<br />

The map gives <strong>in</strong>sights on where <strong>the</strong> crimes are and also <strong>the</strong> type: Narcotics, Robbery,<br />

Simple Assault, Vandalism, Theft, Vehicle Theft. Accord<strong>in</strong>g Stamen users have, while<br />

us<strong>in</strong>g <strong>the</strong> tool, no idea that <strong>the</strong>re are do<strong>in</strong>g statistics. Ma<strong>in</strong> po<strong>in</strong>t is accord<strong>in</strong>g to Rosl<strong>in</strong>g,<br />

that public statistics is mak<strong>in</strong>g citizens more powerful and <strong>the</strong> authorities more<br />

accountable. Data <strong>in</strong>spires new methods, <strong>the</strong>y have a real life impact. “I th<strong>in</strong>k our dream<br />

government data analysis project would really be focused on life <strong>in</strong><strong>format</strong>ion, stuff that<br />

16


was be<strong>in</strong>g reported and pushed out <strong>in</strong> <strong>the</strong> world over <strong>the</strong> Internet as it was happen<strong>in</strong>g.<br />

You know: trash pickups, traffic accidents, busses. And I th<strong>in</strong>k through <strong>the</strong> k<strong>in</strong>d of stats<br />

ga<strong>the</strong>r<strong>in</strong>g power of <strong>the</strong> Internet it is possible to really to beg<strong>in</strong> to see <strong>the</strong> work<strong>in</strong>g of city<br />

displayed as a unified <strong>in</strong>terface.’ (Stamen, 11:45)<br />

Open data empowers citizens and lett<strong>in</strong>g us hold our rulers account. Statistics are<br />

necessarily to monitor <strong>the</strong> government. But it started <strong>the</strong> o<strong>the</strong>r way around. It started<br />

around two centuries ago. Sweden <strong>in</strong>vented <strong>the</strong> table, which gave an accurate picture of<br />

its people. The stats gave <strong>in</strong>sight <strong>in</strong> <strong>the</strong> fact that a lot of woman were dy<strong>in</strong>g dur<strong>in</strong>g<br />

childbirth and a high amount of young children were also dy<strong>in</strong>g. The government took<br />

action. This was <strong>the</strong> beg<strong>in</strong>n<strong>in</strong>g of modern Sweden accord<strong>in</strong>g to Rosl<strong>in</strong>g.<br />

Tak<strong>in</strong>g <strong>the</strong> average of all <strong>the</strong> numbers. This is sometimes very useful. Eventhough traffic<br />

accidents are all <strong>in</strong>dividual events (most times <strong>the</strong>n) <strong>the</strong>re is still a contant to be found.<br />

It is <strong>the</strong> same number every year. ‘<strong>the</strong>se <strong>in</strong>dividual particular events sum up <strong>in</strong>to a social<br />

phenomenon. Gapm<strong>in</strong>der also uses averages. But, eventhough useful, <strong>the</strong>y don’t tell <strong>the</strong><br />

whole story. Rosl<strong>in</strong>g expla<strong>in</strong>s this through a great example. On average, Swedish people<br />

have 1.999 legs. But almost everyone has more than <strong>the</strong> average amount of legs.<br />

Variation <strong>in</strong> data is just as important as <strong>the</strong> average. You can transform number <strong>in</strong>to<br />

shapes. The shape is called <strong>the</strong> distribution. There is one shape that occurred all <strong>the</strong><br />

time, it is called <strong>the</strong> Normal distribution. The plausan shape describes how likely it is<br />

that out of <strong>the</strong> ord<strong>in</strong>ary th<strong>in</strong>gs will happen. Staticans use shapes to reveal patterns <strong>in</strong> <strong>the</strong><br />

data. ‘if <strong>the</strong> story <strong>in</strong> <strong>the</strong> numbers is told by a beautiful and clever image than everyone<br />

understands.’<br />

A special focus of Florence Night<strong>in</strong>gale’s work. She was a statistican, it was for her a<br />

religious duty. She was <strong>in</strong> <strong>the</strong> war and began count<strong>in</strong>g <strong>the</strong> death of soldiers (<strong>in</strong> 1858-<br />

1859). She used graphics to present her case. The most known is <strong>the</strong> polar area graph.<br />

David McCandless, data designer, made <strong>the</strong> billion pound‘ogram. When you see it<br />

visualized like his graph, you get a different relationship with <strong>the</strong>m. You see <strong>the</strong> scale<br />

and <strong>the</strong> patterns. You understand <strong>the</strong>m, and <strong>the</strong>n you can really put it <strong>in</strong>to perspective.<br />

Rosl<strong>in</strong>g shows data <strong>in</strong> a way that people will enjoy and understand it. Statistics give a<br />

clear description of <strong>the</strong> world. But we can not only explore what is happen<strong>in</strong>g but also<br />

why by us<strong>in</strong>g <strong>the</strong> powerful method correlation. Crime correlates to poverty. Smok<strong>in</strong>g is<br />

l<strong>in</strong>ked to lungcancer, this took a huge effort a Richard Doll. But it can be very tricky. Data<br />

is <strong>the</strong> oxion of science. The <strong>in</strong>vention of <strong>the</strong> pr<strong>in</strong>t<strong>in</strong>g press kicked of <strong>the</strong> first <strong>in</strong><strong>format</strong>ion<br />

eplosion. In <strong>the</strong> 19 th century <strong>the</strong>re came a second revolution with <strong>the</strong> telegraph,<br />

gramaphone and camera and later radio and television. To <strong>the</strong> computer and <strong>the</strong><br />

<strong>in</strong>ternet we went digital, now a great vastness of data (one zetabyte). The datadeluge is<br />

stagger<strong>in</strong>g but with computers and statistics I am confident we can handle it.<br />

Interview with Google, especially about google translation. Scientists tried to teach<br />

computer languages but this didn’t work. To much subtlety and ambiguity. Google treats<br />

everyth<strong>in</strong>g as an exception. It learns correlation between words and phrases. You don’t<br />

have to know Ch<strong>in</strong>ese, but you do have to know statistics, computer sciences,<br />

<strong>in</strong>frastructure to build this large computational systems. Google is also busy with speech<br />

recognition, like a babblefish. I can talk with an Arabic over <strong>the</strong> phone with <strong>the</strong> use of<br />

this phone.<br />

17


Figure 3 Hans Rosl<strong>in</strong>g present<strong>in</strong>g his data <strong>in</strong> 3D<br />

Instrument<strong>in</strong>g <strong>the</strong> earth. Sensors all over <strong>the</strong> world, track<strong>in</strong>g temperature, w<strong>in</strong>d. this<br />

data is transform<strong>in</strong>g <strong>the</strong> sciences. Example <strong>the</strong> Sloan data, it also is all on <strong>the</strong> Internet.<br />

The <strong>the</strong>ory now is that <strong>the</strong> galaxy is expand<strong>in</strong>g. How are galaxies made. The more data,<br />

<strong>the</strong> more th<strong>in</strong>gs can be discovered. It is about scal<strong>in</strong>g.<br />

“<strong>the</strong> vast amount of data today allows researchers <strong>in</strong> all sorts of fields to test <strong>the</strong>ir<br />

<strong>the</strong>ories on a previously unimag<strong>in</strong>able scale. But, more than this, it may even change <strong>the</strong><br />

fundamental ways science is done. With <strong>the</strong> power of today’s computers applied to all<br />

this data, <strong>the</strong> mach<strong>in</strong>es might even be able to guide <strong>the</strong> researchers”. [punt van<br />

Andersen]<br />

Sciences becomes datadriven <strong>in</strong>stead of hypo<strong>the</strong>sis driven. As last <strong>the</strong>re is <strong>the</strong> example<br />

of my favorite project We Feel F<strong>in</strong>e expla<strong>in</strong>ed by Sev Kamvar. Amaz<strong>in</strong>g project but I<br />

don’t th<strong>in</strong>k it was presented <strong>the</strong> best way. Statistics rule out prejudice and shows how it<br />

actual is. Authors of our own dest<strong>in</strong>y.<br />

Race gapm<strong>in</strong>der. jokes, enthousiasm, break<strong>in</strong>g <strong>the</strong> frame, tell<strong>in</strong>g stories. Tells <strong>the</strong> great<br />

<strong>in</strong>ventions, scale, patterms, statistics as a way to deal with <strong>in</strong><strong>format</strong>ion.<br />

Life as Annual Report (2010)<br />

http://www.slate.com/id/2277605/<br />

An <strong>in</strong>terview with graphic designer Nicolas Felton. He tracks <strong>the</strong> whole year all his<br />

moves (email, taxi riders, coffee, music) and visualizes this <strong>in</strong>to beautiful annual reports.<br />

Started as an <strong>in</strong>ternet project for fun, <strong>in</strong> 2006 he began seriously track<strong>in</strong>g all his moves.<br />

Through different devices like mobile, fitpit, computer. He spends typically around ten<br />

m<strong>in</strong>utes a day. There is a wide <strong>in</strong>terest <strong>in</strong> his report, Felton suspects that <strong>the</strong> public is<br />

not <strong>in</strong>terested <strong>in</strong> his life but more <strong>in</strong> <strong>the</strong> stories he has exam<strong>in</strong>ed and how that be<br />

reflected to <strong>the</strong>ir own lifes. The hook <strong>in</strong> this case is <strong>the</strong> compartive aspects. You can<br />

personally relate to his work. Felton also hopes that people see his work as a mirror<br />

which <strong>the</strong>y can look <strong>in</strong>to and f<strong>in</strong>d <strong>in</strong>sight or curiosity about <strong>the</strong>ir own activities and<br />

behaviours.<br />

Go Figure: Graphics at The New York Times (2010)<br />

http://newmediadays.dk/amanda-cox<br />

Presentation of Amada Cox, a statistician work<strong>in</strong>g at <strong>the</strong> graphics department of <strong>the</strong><br />

New York Times. They have a team of 25 people, which is amaz<strong>in</strong>gly huge. They reveal<br />

18


patterns, provide context and describe relationships and creat<strong>in</strong>g a sense of wonder<br />

(pompous). Maximize clarity multiple it by ‘Auwh’. By a good graphic someth<strong>in</strong>g<br />

surpris<strong>in</strong>g pops out. That th<strong>in</strong>gs that are <strong>in</strong>terest<strong>in</strong>g <strong>in</strong> <strong>the</strong> data shows <strong>in</strong> <strong>the</strong> structure it<br />

is presented. NY merg<strong>in</strong>g real time <strong>in</strong><strong>format</strong>ion with what you have to watch (with<br />

elections), makes is more <strong>in</strong>terest<strong>in</strong>g. Addresses how readers <strong>in</strong>teract with <strong>the</strong> data and<br />

sometimes br<strong>in</strong>g more context and annotation. Build<strong>in</strong>g on top of each o<strong>the</strong>r. The<br />

annotation layer create someth<strong>in</strong>g greater.<br />

Provide context, provide a sense of scale. Example with <strong>the</strong> destruction <strong>in</strong> Port-Au-<br />

Pr<strong>in</strong>ce. With a slider shows before <strong>the</strong> destruction and after.<br />

Designers adore sliders, cheap way to get a story <strong>in</strong> <strong>the</strong>re. There is a beg<strong>in</strong>n<strong>in</strong>g, middle<br />

and end. Creates a narrative structure.<br />

The background s<strong>in</strong>ger idea, all good songs have background s<strong>in</strong>gers. <strong>in</strong> terms of<br />

engagement if you can <strong>in</strong>teract, have <strong>the</strong> background, to play with it. Shows a<br />

<strong>in</strong><strong>format</strong>ion dense page, she calls this a ‘phonebook mentality’. The form of a graphic<br />

one has to depend of <strong>the</strong> content itself. You create a form or a structure and might see<br />

th<strong>in</strong>gs that you never have seen o<strong>the</strong>rwise.<br />

Cox is aga<strong>in</strong>st tagclouds, make you see th<strong>in</strong>gs you already know. Compar<strong>in</strong>g th<strong>in</strong>gs with<br />

someth<strong>in</strong>g else makes it often <strong>in</strong>terest<strong>in</strong>g.<br />

They also reveal patterns. Ask questions: is it helpful to make this <strong>in</strong><strong>format</strong>ion<br />

<strong>in</strong>teractive. Use <strong>the</strong> medium where you are work<strong>in</strong>g <strong>in</strong>. Provid<strong>in</strong>g context, what does a<br />

three seconds difference is <strong>in</strong> an Olympic ski f<strong>in</strong>ish. They created a symphony which is a<br />

<strong>in</strong>terest<strong>in</strong>g way to show it. Reveal<strong>in</strong>g patterns that are <strong>in</strong>terest<strong>in</strong>g. And also make an<br />

annotation layer. Sentence about <strong>the</strong> ‘Why’ is still super important. Sometimes it helps a<br />

level of detail, imag<strong>in</strong><strong>in</strong>g where a person sat <strong>in</strong> an airplane for example.<br />

NY is not afraid of <strong>the</strong> l<strong>in</strong>ear approach, story based. There is a balance between real<br />

<strong>in</strong>teractivity and storytell<strong>in</strong>g that <strong>the</strong> world is still figur<strong>in</strong>g out. To get efficient traffic,<br />

make photo slideshows, straight from <strong>the</strong> Wire.<br />

Templates are important with break<strong>in</strong>g news, <strong>in</strong> general we templated less than<br />

expected. You should have <strong>the</strong> basic form, like <strong>the</strong> stepper. You want to tell it <strong>in</strong> a way<br />

that is best for <strong>the</strong> story right now. They spend a lot of time creat<strong>in</strong>g work<strong>in</strong>g systems<br />

for o<strong>the</strong>r media devices/platforms (like <strong>the</strong> Iphone and Ipad).<br />

If you would hire two people, would you bo<strong>the</strong>r? Yes, one who learned javascript and be<br />

a good th<strong>in</strong>ker and who is strong reporter and catches <strong>the</strong> good stories. You start small,<br />

and build on that. She sketches with code!<br />

Amanda.cox@gmail.com<br />

David McCandless: The beauty of data visualization (2010)<br />

http://www.ted.com/talks/lang/eng/david_mccandless_<strong>the</strong>_beauty_of_data_visualization.html<br />

In<strong>format</strong>ion overload, data glut, <strong>the</strong>re is to solve that, by us<strong>in</strong>g our eyes more. Mak<strong>in</strong>g<br />

sense of data or see<strong>in</strong>g patterns and connections. Example <strong>the</strong> billion dollar graph (also<br />

<strong>in</strong> Rosl<strong>in</strong>g’s joy of stats). When you are lost <strong>in</strong> <strong>in</strong><strong>format</strong>ion, a map can be k<strong>in</strong>d of useful.<br />

After that a media panic graph (see Figure 2), I imag<strong>in</strong>e that Tufte would not like this. He<br />

loves f<strong>in</strong>d<strong>in</strong>g hid<strong>in</strong>g data, be<strong>in</strong>g a data detective. Data is <strong>the</strong> new soil. For me it feels like<br />

a fertile, creative medium. Over <strong>the</strong> years, onl<strong>in</strong>e, we have layed down a huge amount of<br />

data. Visualizations, data visualization and <strong>in</strong>fographics, feel like a flower. David shows<br />

19


<strong>the</strong>n <strong>the</strong> famous, Peak Break0up Times, <strong>the</strong> statistics for this data were scraped from<br />

Facebook. Interest<strong>in</strong>g th<strong>in</strong>gs can emerge with data. He was first a programmer and <strong>the</strong>n<br />

started to writ<strong>in</strong>g, recent years started to visualize. We are blasted by <strong>in</strong><strong>format</strong>ion<br />

design and we all become designers. Visualization is effortless, it all pours <strong>in</strong>. There is a<br />

physicist, Tor Norretranders who converted <strong>the</strong> bandwidth of <strong>the</strong> senses <strong>in</strong>to computer<br />

terms (see Figure 3). Your sense of sight is <strong>the</strong> fastest. A lot of our vision is pour<strong>in</strong>g <strong>in</strong>to<br />

us without we be<strong>in</strong>g aware of it. The eye is extremely sensitive to patterns <strong>in</strong> variation<br />

<strong>in</strong> color, shape and pattern. The language of <strong>the</strong> eye. If you comb<strong>in</strong>e this with <strong>the</strong><br />

language of <strong>the</strong> m<strong>in</strong>d, words numbers and concepts. You start to speak two languages,<br />

each enhanc<strong>in</strong>g <strong>the</strong> o<strong>the</strong>r. We can use this new language to alter our perspective or<br />

change our views. You can look at th<strong>in</strong>gs <strong>in</strong> different ways. Absolute figures don’t tell <strong>the</strong><br />

whole story, or give <strong>the</strong> complete picture. We need relative figures that are connected to<br />

o<strong>the</strong>r data so we can see a fuller picture. And that can lead to us chang<strong>in</strong>g our<br />

perspective. He refers to Hans Rosl<strong>in</strong>g, let <strong>the</strong> dataset change your m<strong>in</strong>dset.<br />

Visualization is a form of knowledge compression. It’s a way of squeez<strong>in</strong>g an enormous<br />

amount of data <strong>in</strong> one visualization. There is someth<strong>in</strong>g unthreaten<strong>in</strong>g about see<strong>in</strong>g a<br />

political perspective, versus be<strong>in</strong>g told or forced to listen to one. It’s actually – you’re<br />

capable of hold<strong>in</strong>g conflict<strong>in</strong>g viewpo<strong>in</strong>ts joyously when you can see <strong>the</strong>m. It’s fun to<br />

engage with <strong>the</strong>m. Design is about solv<strong>in</strong>g problems and provid<strong>in</strong>g elegant solutions.<br />

And <strong>in</strong><strong>format</strong>ion design is about solv<strong>in</strong>g <strong>in</strong><strong>format</strong>ion problems, and it feels like we have<br />

a lot of <strong>in</strong><strong>format</strong>ion problems <strong>in</strong> our society at <strong>the</strong> moment. From <strong>the</strong> overload and <strong>the</strong><br />

saturation to <strong>the</strong> breakdown of trust and reliability and runaway skepticism and lack of<br />

transparency. Or even just <strong>in</strong>terest<strong>in</strong>gness. Visualiz<strong>in</strong>g <strong>in</strong><strong>format</strong>ion can give us a very<br />

quick solution to those k<strong>in</strong>d of problems. And even when <strong>the</strong> <strong>in</strong><strong>format</strong>ion is terrible, <strong>the</strong><br />

visual can be quite beautiful.<br />

Figure 4 Media panic graph David McCandless<br />

Figure 5 Tor Norretranders senses translated<br />

<strong>in</strong>to computer terms.<br />

20


Golan Lev<strong>in</strong> on software (as) art (2004)<br />

http://www.ted.com/talks/golan_lev<strong>in</strong>_on_software_as_art.html<br />

software eng<strong>in</strong>eer, was by MIT, mak<strong>in</strong>g art with computers. Us<strong>in</strong>g <strong>the</strong> computer<br />

to make personal art. Makes a live performance. Mak<strong>in</strong>g music by draw<strong>in</strong>g l<strong>in</strong>es.<br />

Look very abstract art, simple primitive objects. Which tranform, could be an<br />

abstract animation or a Dada film from <strong>the</strong> 1920s(Opus 2, Rayogram). But <strong>the</strong>n<br />

more slick, sometimes quite beautiful (see Figure 4).<br />

Figure 6 Golan Lev<strong>in</strong> Music Visuals<br />

Natasha Tsakos' multimedia <strong>the</strong>atrical adventure<br />

http://www.ted.com/talks/natasha_tsakos_multimedia_<strong>the</strong>atrical_adventure.html<br />

Theater awakens our senses and opens <strong>the</strong> door to imag<strong>in</strong>ation. Our ability to<br />

imag<strong>in</strong>e makes us explorers. Our ability to imag<strong>in</strong>e makes us <strong>in</strong>ventors and<br />

creators and unique. Tsakos uses media <strong>in</strong> her <strong>the</strong>atre show, she sees it as an<br />

equal partner, she says:’ I want to have humor, beauty, simplicity and complexity<br />

and use metaphors to suggest ideas.’ Sounds like a quite hefty task. She tells that<br />

people are look<strong>in</strong>g for connection and that when you are a little extraord<strong>in</strong>ary,<br />

not quite human, <strong>the</strong>n people will feel <strong>in</strong>cl<strong>in</strong>ed to participate and feel out loud<br />

(rem<strong>in</strong>ds me of <strong>the</strong> pamphlet robot). Because through your mask <strong>the</strong>y let<br />

<strong>the</strong>mselves go. Her character, Zero, has become a person on itself with friends<br />

and goals. He also has comic books and videogames. “The natural progression of<br />

science and art f<strong>in</strong>d<strong>in</strong>g each o<strong>the</strong>r to better touch and def<strong>in</strong>e <strong>the</strong> human<br />

experience... This is a time of communication, connection, and creative<br />

collaboration... In <strong>the</strong> science of today, we become artists. In <strong>the</strong> art of today, we<br />

become scientists.”<br />

Demo: Stunn<strong>in</strong>g data visualization <strong>in</strong> <strong>the</strong> AlloSphere (2009)<br />

http://www.ted.com/talks/joann_kuchera_mor<strong>in</strong>_tours_<strong>the</strong>_allosphere.html<br />

This video is about visualiz<strong>in</strong>g scientific data. The allosphere that is created by<br />

eng<strong>in</strong>eers, artists and scientists. They ‘map complex ma<strong>the</strong>matical algorithms<br />

21


that unfold <strong>in</strong> time and space, vissually and sonically’. The allosphere allows to<br />

explore data <strong>in</strong> a totally new, immersive way. For example, you can fly through a<br />

bra<strong>in</strong> that is mapped visually and sonically.<br />

She callls it scientific and artistic <strong>in</strong>stallation. ‘For artists, we can make new<br />

worlds that we can discover and explore.’ It makes it possible to make <strong>the</strong> data<br />

more comprehenisible and, for example, start to understand more about<br />

quantum ma<strong>the</strong>matics (see Figure 5). Br<strong>in</strong>g<strong>in</strong>g toge<strong>the</strong>r of arts, science and<br />

eng<strong>in</strong>eer<strong>in</strong>g. Into a new age of math, science and art.<br />

How did <strong>the</strong>y become seperated? Can we see this goes back to <strong>the</strong> time of Aristoteles?<br />

In<strong>format</strong>ion is s<strong>in</strong>g<strong>in</strong>g to you, literally!<br />

Figure 7 visualization of quantum <strong>in</strong><strong>format</strong>ion flow<br />

Joshua Davis entrevista en argent<strong>in</strong>a 2008 (2008)<br />

http://www.youtube.com/watch?v=64kslKUk8uQ<br />

If you would meet Joshua Davis and ask him what he does, he would tell you that he is a<br />

designer. But Joshua Davis is a lot more than that. He does physics, math and is an artist.<br />

Davis writes programs that generate graphic designs which is called computational or<br />

algorithmic design. He writes programs that generates, beautiful designs. Around 99%<br />

of <strong>the</strong> time he doesn’t have an idea. He just sits down and start mak<strong>in</strong>g th<strong>in</strong>gs.<br />

Serendipity plays a big role <strong>in</strong> his work. He experiments a lot, and gets a lot bad results<br />

but once <strong>in</strong> a while someth<strong>in</strong>g worthwhile returns. Great examples of creative cod<strong>in</strong>g.<br />

The question arrives how creative is his work it generated by computers without a big<br />

master plan? Personally I th<strong>in</strong>k it is still very creative, eventhough it is flexible and<br />

dynamic. Davis is a cool, skateboard<strong>in</strong>g guy fully covered by tattoos who has this urge to<br />

make th<strong>in</strong>gs. But he is also a designer who works for big companies like IBM and BMW,<br />

can you be a true artist when you are so commercial? Of course, th<strong>in</strong>k about Vermeer<br />

and Mondriaan, <strong>the</strong>y got paid. They made portraits that were commissioned. Maybe he<br />

is more free because he is allowed to experiment more than <strong>the</strong> master pa<strong>in</strong>ters.<br />

22


Figure 8 example Joshua Davis work1<br />

Figure 9 example Joshua Davis work 2<br />

Barry Schwartz on <strong>the</strong> paradox of choice (2005)<br />

http://www.ted.com/talks/barry_schwartz_on_<strong>the</strong>_paradox_of_choice.html<br />

<strong>in</strong>terest<strong>in</strong>g presentation, very conv<strong>in</strong>c<strong>in</strong>g with nice illustrations and funny anecdotes<br />

that br<strong>in</strong>g his message over. The only th<strong>in</strong>g that irritated me was his outfit, Schwartz<br />

looks like he just arrived from a camp<strong>in</strong>g trip. You almost expect that he carries a toilet<br />

roll under his right arm. And I would like to redesign his powerpo<strong>in</strong>t slides, <strong>the</strong>y are<br />

pretty awful.<br />

The official dogma of western <strong>in</strong>dustrial societies is <strong>the</strong> follow<strong>in</strong>g: if we are <strong>in</strong>terested <strong>in</strong><br />

maximiz<strong>in</strong>g <strong>the</strong> welfare of our citizens, <strong>the</strong>y way to do that is to maximize <strong>in</strong>dividual<br />

freedom (see Figure 13) The way to maximize freedom is to maximize choice. The more<br />

choice people have, <strong>the</strong> more freedom people have and <strong>the</strong> more freedom <strong>the</strong> have, <strong>the</strong><br />

more welfare <strong>the</strong> have. There is an explosion of choice. This is true <strong>in</strong> shops, but also<br />

healthcare. When you go to a doctor you get choices: treatment a and treatment b. Both<br />

with different benefits and risks. The patient has to make a choice, he is a consumer.<br />

This is called patient autonomy, Schwarz calls this <strong>the</strong> shift<strong>in</strong>g of <strong>the</strong> burden and <strong>the</strong><br />

responsibility for decision mak<strong>in</strong>g. Identity has become flexible, you can re<strong>in</strong>vent<br />

yourself every day. Choices about marriage, career and social life are pressur<strong>in</strong>g<br />

students. Technology allows us to work every m<strong>in</strong>ute of every day from any place on <strong>the</strong><br />

planet. This results to an overload of mak<strong>in</strong>g decisions.<br />

All <strong>the</strong>se choice have two negative effects on people. One effect is that is produces<br />

paralysis, ra<strong>the</strong>r than liberation. The second effect, even if we overcome <strong>the</strong> paralysis<br />

and make a choice, we end up less satisfied with <strong>the</strong> result of choice than we would be if<br />

we had fewer options to choose from. There are different reasons for this, <strong>the</strong> imag<strong>in</strong>ed<br />

alternative <strong>in</strong>duces you to regret <strong>the</strong> decision you made, and this regret subtracts from<br />

<strong>the</strong> satisfaction you get out of <strong>the</strong> decision you have made, even if it was a good decision.<br />

Second, what economics call <strong>the</strong> opportunity costs, which means <strong>the</strong> value you give to a<br />

certa<strong>in</strong> object derives from <strong>the</strong> th<strong>in</strong>gs you compare it to. Whenever you are choos<strong>in</strong>g<br />

one th<strong>in</strong>g you are not choos<strong>in</strong>g all <strong>the</strong> o<strong>the</strong>r th<strong>in</strong>gs (see Figure 8). As third, escalations of<br />

expectations. With all <strong>the</strong> options available, expectations of <strong>the</strong> product go up. You<br />

compare <strong>the</strong> th<strong>in</strong>gs what you got to what you expected and <strong>the</strong> result is that you are<br />

disappo<strong>in</strong>ted and less satisfied. When perfection is <strong>the</strong> expectation you will never be<br />

pleasantly surprised. The secret to happ<strong>in</strong>ess is low expectations. When you feel<br />

disappo<strong>in</strong>ted about <strong>the</strong> choice you have made, you blame yourself. You made <strong>the</strong> wrong<br />

choice, no one forced to. Schwartz make a correlation with <strong>the</strong> explosion of cl<strong>in</strong>ical<br />

depressions and <strong>the</strong> explosion of choice. He believes that <strong>the</strong> explosion of choices have a<br />

significant contributor to <strong>the</strong> rise of depressions and suicides.<br />

23


Some choice is better than none, but too much choice is bad. What enables all of this<br />

choice <strong>in</strong> <strong>in</strong>dustrial societies is material affluence. The problem he is talk<strong>in</strong>g about is <strong>the</strong><br />

peculiar problem of modern, affluent Western societies. Income redistribution will make<br />

everyone better of = Pareto-improv<strong>in</strong>g move. Because of how all this excess plagues us.<br />

Everyone need a fish bowl, without a bowl we are paralysed and miserable. However we<br />

should be able to grow <strong>in</strong> <strong>the</strong> bowl so it has to be big.<br />

- PR expectation management -><br />

Figure 10 Mak<strong>in</strong>g your own choices<br />

Figure 12 Effects of choice<br />

Figure 11 example oppurt<strong>in</strong>ity's costs<br />

Figure 13 Official dogma<br />

Tim Berners-Lee on <strong>the</strong> next Web (2009)<br />

http://www.ted.com/talks/tim_berners_lee_on_<strong>the</strong>_next_web.html<br />

Interest<strong>in</strong>g personality, maybe a little nervous. He is sliss<strong>in</strong>g a little. Very English guy:<br />

‘it’s been a blast, isn’t it?’. He focuses on <strong>the</strong> unlocked potential <strong>in</strong> data and his new idea:<br />

l<strong>in</strong>ked data. The tendency of officials to hug <strong>the</strong>ir database.<br />

Tim Berners Lee <strong>in</strong>vented <strong>the</strong> World Wide Web, a system that reframed <strong>the</strong> way we use<br />

<strong>in</strong><strong>format</strong>ion, <strong>the</strong> way we work toge<strong>the</strong>r. Now, twenty years later, he asks help for a new<br />

refram<strong>in</strong>g. He <strong>in</strong>vented html and all o<strong>the</strong>r elements basically because he was frustrated.<br />

He worked as a software eng<strong>in</strong>eer at CERN <strong>in</strong> a huge, excit<strong>in</strong>g lab with a lot of diversity<br />

<strong>in</strong> <strong>the</strong> people who were work<strong>in</strong>g <strong>the</strong>re. They had all sort of different computers and all<br />

sorts of different data <strong>format</strong>s, all k<strong>in</strong>ds of documentation systems. In all that diversity,<br />

if he wanted to figure out how to build someth<strong>in</strong>g out of a bit of this and a bit of that,<br />

everyth<strong>in</strong>g he looked <strong>in</strong>to, he had to connect some new mach<strong>in</strong>e, he had to learn to some<br />

24


new program, he would f<strong>in</strong>d <strong>the</strong> <strong>in</strong><strong>format</strong>ion I wanted <strong>in</strong> some new data <strong>format</strong>. And<br />

everyth<strong>in</strong>g was very <strong>in</strong>compatible and very frustrat<strong>in</strong>g.<br />

The frustration was all this unlocked potential. And he wanted to create a virtual place<br />

where all <strong>the</strong>se documents could be found. He send a proposal to his boss, and never got<br />

feedback. A copy was found after he died, he had written “Vague, but excit<strong>in</strong>g” <strong>in</strong> pencil,<br />

<strong>in</strong> <strong>the</strong> corner. At that time it was difficult to expla<strong>in</strong> what <strong>the</strong> web was like, now it is<br />

reverse. What was difficult to get <strong>the</strong>m to imag<strong>in</strong>e that that l<strong>in</strong>k could have gone to<br />

virtually any document you could imag<strong>in</strong>e. Some people did make that leap of<br />

imag<strong>in</strong>ation and a grassroots movement began.<br />

That was so excit<strong>in</strong>g, not <strong>the</strong> technology, not <strong>the</strong> th<strong>in</strong>gs that people have done with it,<br />

but actual <strong>the</strong> community, <strong>the</strong> spirit of all <strong>the</strong>se people gett<strong>in</strong>g toge<strong>the</strong>r, send<strong>in</strong>g emails.<br />

I asked everyone to put your documents on this web th<strong>in</strong>g, and, you did. The th<strong>in</strong>gs that<br />

happened with <strong>the</strong> web was far bigger that we orig<strong>in</strong>ally imag<strong>in</strong>ed.<br />

Now, I want you to put your data on <strong>the</strong> web. Turns out that <strong>the</strong>re is still a huge<br />

unlocked potential. There is still a huge frustration that people have because we haven’t<br />

got data on <strong>the</strong> web as data. What is <strong>the</strong> difference between documents and data?<br />

Documents you read, follow l<strong>in</strong>ks and that’s it. With data you can do all k<strong>in</strong>ds of stuff<br />

with a computer.<br />

Reference to presentation of Hans Rosl<strong>in</strong>g. His presentation shattered a lot of beliefs<br />

that people had about <strong>the</strong> economics <strong>in</strong> <strong>the</strong> develop<strong>in</strong>g world. He put a slide like Figure<br />

14 <strong>in</strong> his presentation. The data is underground, <strong>the</strong> data is brown and boxy and bor<strong>in</strong>g<br />

and that’s how we th<strong>in</strong>k of it, isn’t it? Because data you can’t naturally use by itself. But<br />

<strong>in</strong> fact, data drives a huge amount of what happens <strong>in</strong> our lives. And it happens because<br />

somebody takes that data and does someth<strong>in</strong>g with it. Rosl<strong>in</strong>g says: ‘it is really<br />

important to have a lot of data’.<br />

Tim Berners Lee want to th<strong>in</strong>k about a world where everybody had put data on <strong>the</strong> web<br />

and so virtually everyth<strong>in</strong>g you can imag<strong>in</strong>e is on <strong>the</strong> web. He calls that L<strong>in</strong>ked Data. The<br />

technology is l<strong>in</strong>ked data, and it’s extremely simple. If you want to put someth<strong>in</strong>g on <strong>the</strong><br />

web <strong>the</strong>re are three rules:<br />

1. http shouldn’t be only used for documents but th<strong>in</strong>gs that <strong>the</strong> documents are<br />

about. We’re us<strong>in</strong>g <strong>the</strong>m for people, places, products, events. All k<strong>in</strong>d of<br />

conceptual th<strong>in</strong>gs, <strong>the</strong>y have names now that start with HTTP.<br />

2. I get important <strong>in</strong><strong>format</strong>ion back.<br />

3. When I get <strong>in</strong><strong>format</strong>ion back, is also shows relationships.<br />

Data is relationships. When it has relationships, whenever it expresses a relationship,<br />

<strong>the</strong>n <strong>the</strong> o<strong>the</strong>r th<strong>in</strong>g that it is related to is given one of those names that starts http. So I<br />

can look up a person, and <strong>the</strong> city is was born, than <strong>the</strong> region, and <strong>the</strong> town it’s <strong>in</strong>, and<br />

<strong>the</strong> population of it. That is l<strong>in</strong>ked data.<br />

The idea of l<strong>in</strong>ked data is that we get lots and lots boxes and lot and lots of plants. The<br />

<strong>in</strong>terest<strong>in</strong>g th<strong>in</strong>g about data is <strong>the</strong> more th<strong>in</strong>gs you have to connect toge<strong>the</strong>r, <strong>the</strong> more<br />

powerful it is. A grassroots example of dbPedia, takes data from wikipedia and put it<br />

<strong>in</strong>to a blob (?) of l<strong>in</strong>ked data. L<strong>in</strong>ked data is scaleable, it grows. Just as dbpedia.<br />

Data comes <strong>in</strong> fact <strong>in</strong> lots and lots of different forms, th<strong>in</strong>k of <strong>the</strong> diversity of <strong>the</strong> web, it’s<br />

a really important th<strong>in</strong>g that <strong>the</strong> web allows you to put all k<strong>in</strong>ds of data up <strong>the</strong>re. So it is<br />

with data, <strong>the</strong>re a lots of different data. Governmental data, enterprise data, scientific<br />

25


data ,personal data, wea<strong>the</strong>r data, <strong>the</strong>re’s about events, data about talks and <strong>the</strong>re’s<br />

news and all k<strong>in</strong>ds of stuff.<br />

Figure 14 underground data<br />

American governmental said that <strong>the</strong>y will put data onl<strong>in</strong>e, Berners Lee hopes that it will<br />

be l<strong>in</strong>ked data. And not just for transparency, even though transparency <strong>in</strong> government<br />

is important, but this data shows how American lives. You can use it for your company<br />

or your school assignment. But governments want to keep <strong>the</strong>re data, Hans Rosl<strong>in</strong>g calls<br />

it database hugg<strong>in</strong>g. They first want to make a beautiful website, that’s okay accord<strong>in</strong>g<br />

to Berners Lee, but first give us <strong>the</strong> unadultered data. Raw data now!<br />

Locked data slow our progress of understand<strong>in</strong>g and solv<strong>in</strong>g current problems and<br />

dilemma’s of <strong>the</strong> world. By open<strong>in</strong>g up data, <strong>the</strong> probability that th<strong>in</strong>gs get solved is<br />

more likely. You can now get answers for questions that bridge across different<br />

discipl<strong>in</strong>es is very important.<br />

Not all data comes from huge <strong>in</strong>stutions. Data is about our lives, you log on to your social<br />

network<strong>in</strong>g site, you accept someone as a friend and BING! a relationship is made, this is<br />

data. Everyth<strong>in</strong>g you do is data, <strong>the</strong>y repurpose it (for commercial use). The silos have<br />

to be broken, <strong>the</strong>re has to be <strong>in</strong>ter-operability between social network<strong>in</strong>g sites.<br />

Figure 15 The closed garden social networks<br />

Openstreetmap example, crowdsourc<strong>in</strong>g. If everyone is do<strong>in</strong>g a little bit it will lead to a<br />

<strong>in</strong>credible resource because everybody else does <strong>the</strong>irs. That is what l<strong>in</strong>ked data is all<br />

about, it’s about people do<strong>in</strong>g <strong>the</strong>ir bit, to produce a little bit, and it all connect<strong>in</strong>g.<br />

Incremental and a low amount of participation.<br />

26


When you connect data toge<strong>the</strong>r, you get power that <strong>in</strong> a way doesn’t happen just with<br />

<strong>the</strong> web, with documents. You get this really huge power out of it. There maybe not be a<br />

immediate return of <strong>in</strong>vestment (ROI) but eventually it will only really pay off when<br />

everybody else has done it. Demand l<strong>in</strong>ked data!<br />

Tim Berners-Lee: The year open data went worldwide (2010)<br />

http://www.ted.com/talks/tim_berners_lee_<strong>the</strong>_year_open_data_went_worldwide.html<br />

A year after his last presentation. He asked to put data on <strong>the</strong> web and gives now a small<br />

update of <strong>the</strong> project. He says: ‘<strong>the</strong>re is a open data movement afoot, now, around <strong>the</strong><br />

world.’ Example of how <strong>the</strong> U.K. government made some data open. For example, a<br />

mashable map that shows data of bicycle accidents. Example of putt<strong>in</strong>g <strong>in</strong><strong>format</strong>ion<br />

about water supply and etnicity. A big part of <strong>the</strong> non-white neighborhoud had no<br />

watter supply (see Figure 16).<br />

Figure 16 corelation between etnicity and water supply<br />

That is <strong>the</strong> power of putt<strong>in</strong>g one piece of <strong>in</strong><strong>format</strong>ion with ano<strong>the</strong>r piece of <strong>in</strong><strong>format</strong>ion<br />

and show<strong>in</strong>g <strong>the</strong> result. Example, where does my money go? There is now a great<br />

compitition between data.gov and data.gov.uk. Fur<strong>the</strong>rmore, he talked about community<br />

generated data. Example of amount of edits on openstreetmap made by ITO world. After<br />

<strong>the</strong> disaster <strong>in</strong> haiti, lots of people started edit<strong>in</strong>g <strong>the</strong> maps. The map shows refugee<br />

camps, road blocks and more th<strong>in</strong>gs that are needed for rescue and relief work. We have<br />

only just started.<br />

BBC Newsnight: In<strong>format</strong>ion Graphics<br />

http://www.youtube.com/watch?v=q2Wnu1SOhKs&feature=player_embedded<br />

A BBC <strong>in</strong>terview about visualization. Quite <strong>in</strong>terest<strong>in</strong>g, nice to watch. But same old<br />

bor<strong>in</strong>g examples, as if noth<strong>in</strong>g else exists. I liked <strong>the</strong> discussion at <strong>the</strong> end, i disagreed<br />

with Neville Brody but he brought an <strong>in</strong>terest<strong>in</strong>g perspective. I wouldn’t be suprised if<br />

he had some books of Edward Tufte on his bookshelf.<br />

first a presentation of David Sillito. Numbers have turned <strong>in</strong>to pictures, more beautiful<br />

than before. Introduces Hans Rosl<strong>in</strong>g, as an <strong>in</strong><strong>format</strong>ion superstar, and David Mccandles.<br />

Interview with <strong>the</strong> latter about his billion dolar map. Fur<strong>the</strong>r examples of <strong>the</strong> allosphere,<br />

we feel f<strong>in</strong>e (‘turn<strong>in</strong>g emotions <strong>in</strong>to pictures’ (?)). Interview with Peter Gramsie, author<br />

of <strong>the</strong> story of graphic design. Gramsie tells about Otto Neurath as <strong>the</strong> ‘grandfa<strong>the</strong>r of<br />

symbols’ or statistical data shown <strong>in</strong> dataform. Otto’s phrase: Words devide, pictures<br />

unite. Then an <strong>in</strong>terview with Stefanie Posavec: “someth<strong>in</strong>g mundane or everyday, when<br />

it is converted <strong>in</strong>to a really beautiful visualization and you just th<strong>in</strong>k ‘I have never<br />

looked at that this way before” and I th<strong>in</strong>k that shift <strong>in</strong> perception and that new way of<br />

look<strong>in</strong>g at it makes it art and makes it beautiful.”<br />

27


The downside of visualizations, how <strong>the</strong>y can ‘deceive’ on a whole new scale. Mccandles<br />

th<strong>in</strong>ks that data visualizations have political implications because <strong>the</strong> images are very<br />

attractive and quite powerful and <strong>the</strong>y are seen as complete face value. The battle of<br />

ideas can be <strong>the</strong> battle of who can create <strong>the</strong> most compell<strong>in</strong>g visuals.<br />

In <strong>the</strong> studio a discussion with Mccandles and Neville Brody, art director. Brody dislikes<br />

images that are too pretty but don’t br<strong>in</strong>g over <strong>the</strong> message. The stories don’t come out<br />

of it, <strong>the</strong>y miss <strong>the</strong> core message. In<strong>format</strong>ion is political, but only is politial <strong>in</strong> <strong>the</strong> way<br />

you use it. And if you use it ultimateley as decoration, i th<strong>in</strong>k it is miss<strong>in</strong>g some of <strong>the</strong><br />

core mean<strong>in</strong>g of our lives... <strong>the</strong> idea of mak<strong>in</strong>g beautiful <strong>in</strong><strong>format</strong>ion k<strong>in</strong>d of misses <strong>the</strong><br />

po<strong>in</strong>t a little bit.<br />

Some work of david is shown. Brody congratulates David, but misses someth<strong>in</strong>g. These<br />

images feel like a puzzle, <strong>the</strong>y make you feel clever. But you don’t feel moved or<br />

empowered to make decissions based on this.<br />

Mccandles: ‘color, shape and space are <strong>the</strong> language of <strong>the</strong> eye, words and numbers are<br />

<strong>the</strong> language of <strong>the</strong> m<strong>in</strong>d. If you comb<strong>in</strong>e <strong>the</strong> two you speak <strong>in</strong> a new language and it<br />

becomes a bit more powerful. And get’s <strong>in</strong> <strong>the</strong>re a bit more. Brody: ‘honestly, we live <strong>in</strong><br />

<strong>the</strong> most generic period I th<strong>in</strong>k, <strong>in</strong> history. Then he verbally attacks <strong>the</strong> work of<br />

Mccandles. The presenter calls it coffee table graphics. Brody talks about <strong>the</strong> anti-design<br />

festival. Are Mccandles graphics comfort<strong>in</strong>g, shouldn’t it revolutionize it. Brody th<strong>in</strong>ks<br />

it’s very trivial, very banal.Brody: ‘<strong>the</strong> government is <strong>in</strong> <strong>the</strong> process of decoupl<strong>in</strong>g itself<br />

from culture and we certa<strong>in</strong>ly known that politics are look<strong>in</strong>g for ways to make<br />

<strong>the</strong>mselves more beautiful, maybe this is a way for <strong>the</strong>m to do it. He likes to see a more<br />

determ<strong>in</strong>ed grassroots movement<br />

Figure 17 BBC Interview with David MCcandles and Neville Brody<br />

Jonathan Harris – Cold: Bold (2010)<br />

http://www.aiga.org/content.cfm/video-ga<strong>in</strong>-2010-harris<br />

Introduced as an artist, computer scientist and a radical person with a huge focus. Not<br />

afraid to take a stance, not afraid to dig deeper, not good <strong>in</strong> small talk.<br />

He talks about be<strong>in</strong>g an artist but also how to write code, and how hard this sometimes<br />

may be. Can lead to schzenofrenia. Always busy with physical and digital. Mak<strong>in</strong>g a<br />

mural to get girls to your room. Went to <strong>the</strong> digital for better preservation. Programmer<br />

analytic and controlled. Shows some earlier work.<br />

28


Focus on one, on onl<strong>in</strong>e dat<strong>in</strong>g, an exposition <strong>in</strong> MoMa. Neon lights, communication of<br />

advertis<strong>in</strong>g. First as an appartement, but when he saw HBO appartements, his idea was<br />

shot. Eventually thought on balloons, 28.000 l<strong>in</strong>es of code. It was a dehumaniz<strong>in</strong>g<br />

experience, but necessary. Different movements <strong>in</strong> <strong>the</strong> project:<br />

• Who I am<br />

• What I want<br />

• Matchmaker<br />

• Snippets<br />

o Open<strong>in</strong>g statements<br />

o Clos<strong>in</strong>g statements<br />

• Dna – symbol of identity<br />

• Breakdowns<br />

o Top first dates (coffee, movie)<br />

On onl<strong>in</strong>e dat<strong>in</strong>g sites, people talk about <strong>the</strong>mselves <strong>in</strong> 200 words, describe <strong>the</strong> most<br />

essential th<strong>in</strong>gs. So very fertile ground for human emotions, expectations. (but people<br />

will only talk favorable about <strong>the</strong>mselves, right?)<br />

My m<strong>in</strong>d is <strong>in</strong> <strong>the</strong> mach<strong>in</strong>e and my body feels like an <strong>in</strong>terface. The web is a asexual<br />

place, our hormones are dissolv<strong>in</strong>g. Merges man and woman <strong>in</strong> androgous users. Harris’<br />

got <strong>the</strong> feel<strong>in</strong>g that his feel<strong>in</strong>g are representative for <strong>the</strong> feel<strong>in</strong>gs what will come. It’s<br />

about empathy.<br />

Programs are small and beautiful. Big programs become a real mess, very complex and<br />

when you have to th<strong>in</strong>k about all <strong>the</strong>se th<strong>in</strong>gs, you don’t have enough empathy for<br />

people. There is a trait off: be<strong>in</strong>g a good, feel<strong>in</strong>g person and a bad programmer. There is<br />

this battle.<br />

Rational be<strong>in</strong>gs, programm<strong>in</strong>g is very logical and rational. You can become to detached<br />

when you write code. How can you express yourselves <strong>in</strong> code? When you write or pa<strong>in</strong>t<br />

<strong>the</strong>re is this direct expression of your art, with code <strong>the</strong>re are all <strong>the</strong>se layers of<br />

abstraction about how you feel and what exactly comes out at <strong>the</strong> end. Those layers of<br />

abstraction takes your humanity.<br />

You can outsource/delegate your code, but you will get mediocre work. Your <strong>in</strong>itial idea<br />

will always not work. The program will resist you, so you try ano<strong>the</strong>r way and ano<strong>the</strong>r<br />

and gradually you will f<strong>in</strong>d a path that works. But you will only see this path when you<br />

are actually <strong>the</strong>re, do<strong>in</strong>g <strong>the</strong> th<strong>in</strong>g. You have to be sensitive to <strong>the</strong> medium.<br />

Web was first very diverse, and weird. But now <strong>the</strong>re are <strong>the</strong>se companies who make a<br />

‘house’ for you, everyone now lives <strong>in</strong> <strong>the</strong> same house.<br />

Ideas, everyone can have ideas. But it is about <strong>the</strong> outcome, how does <strong>the</strong> outcome make<br />

you feel, improve you as a person? You should ask: is this what I am build<strong>in</strong>g mak<strong>in</strong>g<br />

people better? Designers should make th<strong>in</strong>gs that make th<strong>in</strong>gs better. The digital world<br />

is shaped by a couple dozen/thousands akward guys.<br />

Can technology enhance <strong>in</strong>dividuality? As opposed as it becom<strong>in</strong>g a shopp<strong>in</strong>g mall, what<br />

it looks now. At <strong>the</strong> moment I still believe it. Technology is <strong>in</strong> an unhealthy place.<br />

Integration between technology and body. Most of <strong>the</strong> work I have created is on a<br />

2dimensional screen. Interface devices can grow. Hopefully more expressive devices. No<br />

29


notion of time <strong>in</strong> computers. Is computation <strong>the</strong> opposite of feel<strong>in</strong>g? Computation is a<br />

very cerebral activity, we’re very <strong>in</strong>to <strong>the</strong> bra<strong>in</strong> and less <strong>in</strong>to <strong>in</strong> <strong>the</strong> body.<br />

How is code beautiful? I th<strong>in</strong>k code is beautiful because you can ma<strong>in</strong>ta<strong>in</strong> for yourself<br />

<strong>the</strong> illusion that you understand and that you can control. But this is an illusion. I th<strong>in</strong>k<br />

programmers is afraid of <strong>the</strong>ir bodies. A sociopathic beauty. Hunger to control, feel<strong>in</strong>g<br />

that is not overwhelm<strong>in</strong>g you. When you have that mental model <strong>in</strong> your m<strong>in</strong>d it is a<br />

very comfortable place.<br />

He is a persona non-grata. Depression form of anger that is not expressed. ‘I actually was<br />

k<strong>in</strong>da happy when I was depressed. I’m freaked if everyth<strong>in</strong>g goes great, because I know<br />

I will go bad very soon.’<br />

The Future of Art (2010)<br />

http://www.emergence.cc/2011/02/<strong>the</strong>-future-of-art/<br />

An immediated autodocumentary. Starts with a headshot of Aaron Kobl<strong>in</strong>. Kobl<strong>in</strong> says<br />

that due to all this free time and <strong>the</strong> Internet, people can tap <strong>in</strong> any form of creation. ‘To<br />

some extend that trumps <strong>the</strong> Renaissance, that order of magnitude’. This is a matter of<br />

scale. Kobl<strong>in</strong> is mostly <strong>in</strong>terested <strong>in</strong> ways how people can work toge<strong>the</strong>r through <strong>the</strong><br />

Internet, to create th<strong>in</strong>gs that would o<strong>the</strong>rwise be impossible (<strong>the</strong> digital natives).<br />

‘What we see is richer and more full content, that’s more contextually, you know,<br />

it’s more human.<br />

Caleb Larsen talks about <strong>the</strong> democratization and availability of connected computers.<br />

He th<strong>in</strong>ks that we will see more democratic acts of curation. Hea<strong>the</strong>r Kelley tells that it is<br />

about mak<strong>in</strong>g connections between th<strong>in</strong>gs that might not o<strong>the</strong>rwise be obvious.<br />

V<strong>in</strong>cent Moon, <strong>the</strong> amount of <strong>in</strong><strong>format</strong>ion available makes more possible, but how can<br />

we deal with this? ‘Basically we deal with it on a daily basis one by one… it’s a very<br />

<strong>in</strong>terest<strong>in</strong>g subjective process’ He constantly remixes history, and <strong>the</strong>reby ‘tell<strong>in</strong>g our<br />

whole history through that.’<br />

‘The idea of orig<strong>in</strong>ality and propertairy myth.<br />

Ken Wahl<br />

Amanda Cox on Data Visualization<br />

http://www.cbc.ca/spark/2011/01/full-<strong>in</strong>terview-amanda-cox-on-data-visualization/<br />

Amanda Cox is a graphics designer at The New York Times. Through a summer school<br />

program she came to <strong>the</strong> NY Times. She is <strong>in</strong>terested <strong>in</strong> structure and form, how can you<br />

tell stories with this data and structure that reveals patterns. What makes for a good<br />

data visualization? A good visualization one tells you what you don’t already know. Does<br />

not confirm stereotypes. Tell you someth<strong>in</strong>g immediate, punch<strong>in</strong>g you <strong>in</strong> <strong>the</strong> face,<br />

tapp<strong>in</strong>g you onto <strong>the</strong> shoulder.<br />

Onl<strong>in</strong>e you have <strong>the</strong> <strong>in</strong>teractive aspect; you have space, can do th<strong>in</strong>gs that are impossible<br />

on paper. Incorporate sound and movement. She th<strong>in</strong>ks that <strong>the</strong> latter is a cheap way to<br />

do storytell<strong>in</strong>g. To tell a story through time, is an opportunity on <strong>the</strong> web.<br />

Gives <strong>the</strong> example of The Jobless Rate For People Like You, someth<strong>in</strong>g like 300<br />

demographic groups. You can see yourself <strong>in</strong> <strong>the</strong> context of o<strong>the</strong>r people. The range is<br />

from 3% to 50%. This is someth<strong>in</strong>g we do all <strong>the</strong> time, but now we did it all at <strong>the</strong> same<br />

30


time. All three hundred l<strong>in</strong>es at once, and you can drill down to your own situation.<br />

See<strong>in</strong>g yourself <strong>in</strong> context with o<strong>the</strong>r people, it puts data <strong>in</strong> a deeper context. Plac<strong>in</strong>g<br />

yourself <strong>in</strong> context, you first start by yourself but <strong>the</strong>n you’re try<strong>in</strong>g to go beyond that.<br />

Try<strong>in</strong>g to understand <strong>the</strong> world more, push<strong>in</strong>g a little fur<strong>the</strong>r. Fun exploratory<br />

someth<strong>in</strong>g, right?<br />

Ask questions about <strong>in</strong>equality, recession. See<strong>in</strong>g <strong>the</strong>m all toge<strong>the</strong>r was attractive.<br />

Averages are hard to work with, no one is average. The average person does not exist.<br />

The world is clearly generat<strong>in</strong>g more data <strong>the</strong>n it has <strong>in</strong> <strong>the</strong> past and we have <strong>the</strong><br />

technology to do th<strong>in</strong>gs with it more than we have <strong>in</strong> <strong>the</strong> past. Sometimes <strong>the</strong> best way<br />

to do someth<strong>in</strong>g with <strong>the</strong> data is data visualization, often times it is not. Show<strong>in</strong>g <strong>the</strong><br />

structure beh<strong>in</strong>d data. How can you make visualization that reveals someth<strong>in</strong>g<br />

important, that popout <strong>the</strong> hidden patterns.<br />

Dangers of visualization, accord<strong>in</strong>g to Amanda Cox <strong>the</strong> same as any journalist. Does this<br />

visualization represent <strong>the</strong> truth, is it not biased? Does this accurately reflect some<br />

version of <strong>the</strong> truth?<br />

The fight with ‘it’s just art’ or <strong>the</strong> opposite ‘it’s just scientific’. The best analogy Amanda<br />

Cox had heard is about music, some music you never would l<strong>in</strong>e up toge<strong>the</strong>r. There is no<br />

right or wrong.<br />

When you have <strong>the</strong> data, how do you figure out how to tell that story? Amanda tells that<br />

she has to try out a lot of heads, try<strong>in</strong>g different forms and see which one looks close<br />

enough tell<strong>in</strong>g a story. By <strong>the</strong> NY Times, <strong>the</strong>re is an <strong>in</strong>credible range of types of graphics.<br />

People have different styles, you could see from who what it is. If you want to treat data<br />

like it’s special, it’s a good th<strong>in</strong>g to have an extensive library of forms.<br />

Storytell<strong>in</strong>g and <strong>in</strong>teractivity is still a difficult comb<strong>in</strong>ation. Accord<strong>in</strong>g to Amanda, no<br />

one is really good <strong>in</strong> do<strong>in</strong>g <strong>the</strong>m both toge<strong>the</strong>r. Part of this problem is technological, part<br />

of it is content. We’re still figur<strong>in</strong>g out where <strong>the</strong> story goes and balance that with real<br />

<strong>in</strong>teractivity. There hasn’t been a compell<strong>in</strong>g change.<br />

The New York Times has a lab <strong>in</strong> collaboration with IBM’s Many Eyes that allows people<br />

to upload <strong>the</strong>re own datasets. The Guardian provides <strong>the</strong>ir data from <strong>the</strong>ir<br />

visualizations, it’s not someth<strong>in</strong>g <strong>the</strong> most <strong>in</strong>terest<strong>in</strong>g th<strong>in</strong>g to do: clean up your<br />

spreadsheet for public use. The Times hasn’t done that much.<br />

‘A lot of <strong>the</strong> questions about data vis can be answered as you th<strong>in</strong>k of <strong>the</strong>m as questions<br />

about journalism.’ You can make <strong>the</strong> analogy, should I write all my quotes down and put<br />

<strong>the</strong>m onl<strong>in</strong>e. It also is a question about property. It is a open question, what <strong>the</strong> real<br />

answer is.<br />

Carol McCall, "Can Big Data Fix Healthcare?" (2011)<br />

http://www.youtube.com/watch?v=1-C0Vtc-sHw<br />

Presentation by Carol McCall from Strata 2011.<br />

There is a big problem <strong>in</strong> <strong>the</strong> Healthcare. The usual suspect are: an ag<strong>in</strong>g population;<br />

greater <strong>in</strong>cidence of diseas; poor lifestyles; culture of abundance and new technology<br />

(treatments, procedures, devices, drugs, tests). The rate per person spend<strong>in</strong>g is grow<strong>in</strong>g<br />

leaps and bounds. The underly<strong>in</strong>g problem is a bad bus<strong>in</strong>ess model. ‘Rid<strong>in</strong>g a twohorses-ass-gauge<br />

track on a tra<strong>in</strong> with no brakes’.<br />

31


Is healthcare broken, or is poorly designed? Let’s get to work but keep <strong>in</strong> m<strong>in</strong>d:<br />

• Never underestimate resistance to change<br />

o One person’s cost <strong>in</strong> ano<strong>the</strong>r person’s <strong>in</strong>come<br />

o Look to (re)design<br />

o Fill <strong>in</strong> what’s miss<strong>in</strong>g<br />

• Pick good problem(s)<br />

o Focus on ‘Hot Spots’<br />

o Achieve <strong>the</strong> Triple Aim (<strong>the</strong> small mach<strong>in</strong>e that get th<strong>in</strong>gs done)<br />

o Build <strong>the</strong> needed knowledge architectures<br />

• Your data will suck. Get over it.<br />

o Focus on identity, activity and <strong>in</strong>teraction<br />

o Build [meta]data and semantic <strong>in</strong>teroperability<br />

Tak<strong>in</strong>g drugs is rarely documented, so when an elderly is admitted to <strong>the</strong> hospital <strong>the</strong>y<br />

say that is someth<strong>in</strong>g with her/his heart. There is very few knowledge bases of all of <strong>the</strong><br />

known conflicts.<br />

They made a study with data from 1.2 million studies to predict adverse Drug Events.<br />

You can’t prevent, what you can’t predict. They used <strong>the</strong> results to develop a predictive<br />

model. And <strong>the</strong>y didn’t f<strong>in</strong>d <strong>the</strong> answer, but created a way to beg<strong>in</strong> (‘cutt<strong>in</strong>g <strong>the</strong> Gordian<br />

knot”). Use available data to create better models, harness open science, to upgrade<br />

alghoritmes.<br />

Strata 2011: Hilary Mason, "What Data Tells Us"<br />

http://www.youtube.com/watch?v=KWszSUm-x2Y&feature=relmfu<br />

Data is becom<strong>in</strong>g a big th<strong>in</strong>g, we have data people. People from social sciences and<br />

computer sciences and <strong>the</strong> hack<strong>in</strong>g community. We established methods to do<br />

someth<strong>in</strong>g with data. And we have bra<strong>in</strong>s, to th<strong>in</strong>k about data and build<strong>in</strong>g th<strong>in</strong>gs on<br />

data. But <strong>the</strong> biggest th<strong>in</strong>g now, is that we have momentum, we get attention.<br />

Some challenges. Is timel<strong>in</strong>ess <strong>in</strong> data. People that work <strong>in</strong> real-time don’t have <strong>the</strong> time<br />

to go back. We need to store it <strong>in</strong> a way we can access it, query it and operate on it <strong>in</strong><br />

real-time. There are many opportunities, but it is chaotic. We need imag<strong>in</strong>ation. We have<br />

all <strong>the</strong>se great th<strong>in</strong>gs but use <strong>the</strong>m to solve <strong>the</strong> same problems we have always solved.<br />

Mason talks about bitly, it’s very easy technology but we accumulate a lot of data. She<br />

divides it <strong>in</strong>to three types:<br />

• Narcistic data<br />

• Segments of data:<br />

o by location, by time, by topic<br />

• Global vision of data<br />

o Temperature of <strong>the</strong> ocean of <strong>the</strong> world<br />

o Clicks from Egypt, clicks dropped <strong>in</strong> <strong>the</strong> day from jan 27 to jan 28<br />

She made a tagcloud based on her bitly clicks. This tells someth<strong>in</strong>g about her, but also<br />

about her <strong>in</strong>terests and gives people a handle what to recommend to her. They are<br />

creat<strong>in</strong>g now News.Me. this forms news <strong>in</strong> a way what is my optimal view of <strong>the</strong> news<br />

but I also can see o<strong>the</strong>r people optimal views.<br />

The trend<strong>in</strong>g data streams shows what’s happen<strong>in</strong>g <strong>in</strong> <strong>the</strong> world. The data is as a<br />

w<strong>in</strong>dow to <strong>the</strong> world. We can make it a better world. What would you do with all of this<br />

data, all of this power?<br />

32


Strata 2011: Scott Yara, "Your Data Rules <strong>the</strong> World"<br />

http://www.youtube.com/watch?v=IL52KRcqz-Y<br />

Scott Yara starts with a quote from Steve Jobs (1995): ‘To make step-function changes,<br />

revolutionary changes, seems to take a very unique comb<strong>in</strong>ation of tim<strong>in</strong>g, technology,<br />

talent… and luck to make significant change <strong>in</strong> our <strong>in</strong>dustry. It hasn’t happened that<br />

often.’<br />

Yara beliefs that data is one of those step-function change <strong>in</strong> <strong>the</strong> <strong>in</strong>dustry. From <strong>the</strong><br />

personal computer to <strong>the</strong> Internet to data. Your data rules <strong>the</strong> world. Your data is<br />

contribut<strong>in</strong>g to this global dataset, and that dataset is chang<strong>in</strong>g <strong>the</strong> world as we know it.<br />

There is a whole new economy build around data itself, that is a really big deal.<br />

The future is here! It’s just not evenly distributed… (co<strong>in</strong>ed by Tim o’Reilly?)<br />

Accord<strong>in</strong>g to Joe Hellerste<strong>in</strong>, <strong>the</strong>re is <strong>the</strong> ‘Industrial Revolution of Data’. Mach<strong>in</strong>es are<br />

generat<strong>in</strong>g more <strong>in</strong><strong>format</strong>ion than we as humans are (?). This explosion of <strong>in</strong><strong>format</strong>ion.<br />

What also happens is this undeniable convergence of technology. ‘The cloud’ is a big<br />

technology shift. Comput<strong>in</strong>g and <strong>the</strong> process<strong>in</strong>g of this is now 100 – 1000x times faster<br />

and cheaper <strong>the</strong>n it ever was before (??).<br />

He gives some examples of data-heroics. First Google Flu Trends, data reuse to create a<br />

simple but <strong>in</strong>sightful visualization. They try to be predictive.<br />

“You take a normal dataset and apply it to solve really really <strong>in</strong>terest<strong>in</strong>g problems that<br />

have impact on <strong>the</strong> world.”<br />

Then <strong>the</strong> We Feel F<strong>in</strong>e example. Amaz<strong>in</strong>g and powerful stuff. Data is also chang<strong>in</strong>g <strong>the</strong><br />

government. Government 2.0, example of usaspend<strong>in</strong>g.gov. transparency and access to<br />

data hopefully can lead overtime to new forms of government efficiency and<br />

transparency. We still have a long time to go. There needs to be a big call to action. It<br />

starts with education. We need <strong>in</strong>vestment <strong>in</strong> data scientist and computer scientist. We<br />

need people for analyz<strong>in</strong>g, visualiz<strong>in</strong>g and shar<strong>in</strong>g <strong>in</strong><strong>format</strong>ion.<br />

Data can be an <strong>in</strong>spirational movement, as been <strong>the</strong> web for <strong>the</strong> last 20 years. End with<br />

quote from Tim o’Reilly: ’Data is <strong>the</strong> next <strong>in</strong>tel <strong>in</strong>side’.<br />

33


Mak<strong>in</strong>g Data Engag<strong>in</strong>g: A Talk with <strong>the</strong> New York Times Interactive Design<br />

Team (2007)<br />

http://www.uie.com/bra<strong>in</strong>sparks/2008/01/10/spoolcast-mak<strong>in</strong>g-data-engag<strong>in</strong>g-a-talk-with<strong>the</strong>-new-york-times-<strong>in</strong>teractive-design-team/<br />

Radio show with New York Times graphic journalists, Andrew DeVigal and Steve<br />

Duenes. Talk about <strong>the</strong> home run analyzer<br />

(http://www.nytimes.com/ref/sports/20070731_BONDS_GRAPHIC.html?th&emc=th).<br />

Was first mend for one time but wrote a script for it, is now a data driven application. It<br />

updated itself, that function was later added <strong>in</strong>. Most <strong>in</strong>teractive graphics are ‘one-offs’<br />

<strong>the</strong>y are <strong>the</strong>re for a few days but after that <strong>the</strong>y are not promoted on <strong>the</strong> site. Like a<br />

newspaper story, comes up and goes away. They are tide to <strong>the</strong>y daily news.<br />

They delive high impact, multimedia stories.<br />

They also develop templates that allow a wider range of users to make multimedia<br />

stories.<br />

They talk about <strong>the</strong> NYTimes Debate Analyzer, it’s a way to act with a transcript when a<br />

debate is tak<strong>in</strong>g place. You can scroll through, rew<strong>in</strong>d, look at <strong>the</strong> videos as well as <strong>the</strong><br />

transscripts. There is a search box that lets you search for specific words <strong>in</strong> <strong>the</strong><br />

transcripts. Part of <strong>the</strong> <strong>in</strong>spiration comes from <strong>the</strong> pr<strong>in</strong>t graphics.<br />

Part by analyz<strong>in</strong>g <strong>the</strong> speeches you can see how th<strong>in</strong>gs change, how <strong>the</strong> emphasis of <strong>the</strong><br />

speech changes. That analyzes is done at <strong>the</strong> time of <strong>the</strong> deadl<strong>in</strong>e. It is a toolkit, when <strong>the</strong><br />

platform is build out <strong>the</strong>re is no customization. We want to have <strong>the</strong> same <strong>format</strong>s, stay<br />

consistent over time. We tell how <strong>the</strong> story unfolds.<br />

The structure is broad and flexible enough still holds up. Still accommodates to new<br />

needs. But still a lot of legwork: record<strong>in</strong>g <strong>the</strong> videos, timestamp<strong>in</strong>g <strong>the</strong> speeches. There<br />

is a lot of legwork to fit it <strong>in</strong> <strong>the</strong> template.<br />

They fur<strong>the</strong>r talk<strong>in</strong>g about <strong>the</strong> Exonerated, Freed, and What Happened Then project. A<br />

project that tells about people who were sentenced to prison but are freed based on dna,<br />

or ‘a multimedia exploration of 200 prisoners exonerated by DNA evidence.’ Tell <strong>the</strong><br />

stories of all people, show small bites of people, and as you drill down you can explore<br />

<strong>the</strong> personal stories. They comb<strong>in</strong>e text, images and audio to tell <strong>the</strong> story. They had a<br />

lot of collaboration to get to a way to represent <strong>the</strong> <strong>in</strong><strong>format</strong>ion. With multiple data<br />

po<strong>in</strong>ts and audio files.<br />

34


How are you <strong>in</strong>spired by o<strong>the</strong>r folks that make th<strong>in</strong>gs. Do you explore o<strong>the</strong>r applications<br />

that are not related to represent<strong>in</strong>g <strong>the</strong> news? Both explore different outlets, Ipod is<br />

ubitiquous, hard not to be <strong>in</strong>spired by it. Also <strong>in</strong>spired by various th<strong>in</strong>gs, th<strong>in</strong>gs that are<br />

done at older graphics desks, Apple products and Google products, but also advertis<strong>in</strong>g.<br />

They made a l<strong>in</strong>e draw<strong>in</strong>g out what existed and on what floor. Through different layers.<br />

But also through <strong>the</strong>ir own expertise, try to like to th<strong>in</strong>k to break some new grounds.<br />

There is plenty of <strong>in</strong>ternal <strong>in</strong>spiration.<br />

They talk about <strong>the</strong> Trailer Liv<strong>in</strong>g, Then and Now, which explores how vacation trailers<br />

have changed over <strong>the</strong> years. Drag around <strong>the</strong> magnifier. There is someth<strong>in</strong>g compell<strong>in</strong>g<br />

about dragg<strong>in</strong>g <strong>the</strong> magnifier around. In pr<strong>in</strong>t, <strong>the</strong>re is no magnifier application.<br />

objects to read /watch & / || summarize<br />

have to read:<br />

Hal Varian on how <strong>the</strong> Web challenges managers (2009)<br />

http://mkqpreview1.qdweb.net/Governance/Leadership/Hal_Varian_on_how_t<br />

he_Web_challenges_managers_2286<br />

In<strong>format</strong>ion Interaction Design: A Unified Field Theory of Design (1994) by<br />

Nathan Shedroff<br />

Visualisation Insights: #6 Data Journalist & In<strong>format</strong>ion Designer<br />

http://www.visualis<strong>in</strong>gdata.com/<strong>in</strong>dex.php/2011/01/visualisation-<strong>in</strong>sights-6-datajournalist-<strong>in</strong><strong>format</strong>ion-designer/<br />

http://<strong>the</strong>vcl.com/storytell<strong>in</strong>g/<br />

http://eagereyes.org/blog/2010/stories-dont-tell-<strong>the</strong>mselves<br />

http://www.visualis<strong>in</strong>gdata.com/<br />

Ben Fry (2004). “Computational In<strong>format</strong>ion Design”.<br />

http://benfry.com/phd/<br />

Shirky, Clay. Excerpt from: “In<strong>format</strong>ion visualization: Graphical tools for<br />

th<strong>in</strong>k<strong>in</strong>g about data”. In: Es<strong>the</strong>r Dysons’s monthly report, 2002 Volume 20,<br />

no. 8<br />

10 Best Data Visualization Projects of <strong>the</strong> Year – 2010<br />

http://flow<strong>in</strong>gdata.com/2010/12/14/10-best-data-visualization-projects-of-<strong>the</strong>-year-<br />

%E2%80%93-2010/<br />

Brewster Kahle builds a free digital library (2007)<br />

http://www.ted.com/talks/brewster_kahle_builds_a_free_digital_library.html<br />

Data Ghettos<br />

http://www.mattwaite.com/posts/2008/jan/03/data-ghettos/<br />

35


L<strong>in</strong>es and Bubbles and Bars, Oh My! New Ways to Sift Data<br />

http://www.nytimes.com/2008/08/31/technology/31novel.html<br />

Visualiz<strong>in</strong>g Data, Tell<strong>in</strong>g a Story<br />

Beh<strong>in</strong>d <strong>the</strong> scenes of The Guardian’s <strong>in</strong>teractive Wikileaks coverage.<br />

http://www.cjr.org/<strong>the</strong>_news_frontier/visualiz<strong>in</strong>g_data_tell<strong>in</strong>g_a_sto.php<br />

The Data-Driven Life<br />

http://www.nytimes.com/2010/05/02/magaz<strong>in</strong>e/02self-measurementt.html?pagewanted=all<br />

The data deluge (2010)<br />

http://www.economist.com/node/15579717<br />

http://www.ted.com/talks/carmen_agra_deedy_sp<strong>in</strong>s_stories.html<br />

Maeda, J - Laws of simplicity<br />

Manovich, storytell<strong>in</strong>g vs databas<strong>in</strong>g<br />

Narrative Visualization: Tell<strong>in</strong>g Stories with Data (2010)<br />

Edward Segel, Jeffrey Heer<br />

Abstract (http://vis.stanford.edu/papers/narrative)<br />

Scott McCloud - Understand<strong>in</strong>g Comics<br />

The value of Many Eyes<br />

http://<strong>in</strong>teractiondesign.sva.edu/classes/datavisualization/updates/<br />

article Manovich<br />

beatiful visualization (2010)<br />

Optional (nice to read):<br />

Statistics:<br />

http://www.robertniles.com/stats/<br />

ly<strong>in</strong>g with statistics<br />

http://www.stats.org/faq.htm<br />

Voronoi treemaps for <strong>the</strong> visualization of software metrics<br />

Edward Tufte – all his books :)<br />

36

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!