Download the notes in PDF format. - Marije Rooze
Download the notes in PDF format. - Marije Rooze
Download the notes in PDF format. - Marije Rooze
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