visual conversations

53
Visual Conversations with Data Tony Hirst Dept of Communication and Systems, The Open University

Upload: tony-hirst

Post on 19-Jan-2015

3.656 views

Category:

Education


0 download

DESCRIPTION

Some examples of how you can have a visual chat with unknown data sets, and how to persuade them to tell you some of their hidden stories,,,

TRANSCRIPT

Page 1: Visual Conversations

Visual Conversations with Data

Tony HirstDept of Communication and Systems,

The Open University

Page 2: Visual Conversations

TXR175/TXR120

Page 3: Visual Conversations
Page 4: Visual Conversations

Figure 1 Sensor Traces

is a chart that’s designed to be read

Page 5: Visual Conversations

IT TELLS A STORY

Page 6: Visual Conversations

IT TELLS THE ROBOT’S STORY

Page 7: Visual Conversations
Page 8: Visual Conversations

http://www.musik-therapie.at/PederHill/Structure&Plot.htm

Page 9: Visual Conversations
Page 10: Visual Conversations
Page 11: Visual Conversations

Data conversations

Page 12: Visual Conversations
Page 13: Visual Conversations

Conversations around what’s not there…

Page 14: Visual Conversations
Page 15: Visual Conversations

Presentation Graphicsvs.

Visual Analysis

Page 16: Visual Conversations

Explanatory visualizationData visualizations that are used to transmit information or a point of view from the designer to the reader. Explanatory visualizations typically have a specific “story” or information that they are intended to transmit.

Exploratory visualizationData visualizations that are used by the designer for self-informative purposes to discover patterns, trends, or sub-problems in a dataset. Exploratory visualizations typically don’t have an already-known story.

Page 17: Visual Conversations

Visual Analysisor

Presentation Graphics?

Page 18: Visual Conversations
Page 19: Visual Conversations
Page 20: Visual Conversations

Writing Diagrams

Page 21: Visual Conversations

GraphViz

Page 22: Visual Conversations
Page 23: Visual Conversations

Algorithmic Visualisation

Page 24: Visual Conversations

ggplot2 (R)

d3.js (Javascript)

Page 25: Visual Conversations

ggplot2

ggplot() + geom_linerange(data = d1,aes(x= car, ymin = ymin,ymax = ymax)) + geom_point(data = d2,aes(x= car, y= value,shape = variable),size = 2) + opts(title="F1 2011 Korea \nRace Summary Chart", axis.text.x=theme_text(angle=-90, hjust=0)) + labs(x = NULL, y = "Position", shape = "")

Page 26: Visual Conversations

Bertin’s Visu

al Variables

Page 27: Visual Conversations

http://eagereyes.org/blog/2011/you-only-see-colors-you-can-name

Page 28: Visual Conversations

Exploiting Structure

Page 29: Visual Conversations

Structure in data - h

ierarchies

Page 30: Visual Conversations

Hierarchical data and treemaps - medals

Pivot tables

IBM Many Eyes

Page 31: Visual Conversations

Macroscopes

Page 32: Visual Conversations
Page 33: Visual Conversations

aka “seasonal subseries”

Page 34: Visual Conversations

Gource

Page 35: Visual Conversations

Show me the difference…

Let me see the difference…

Page 36: Visual Conversations
Page 37: Visual Conversations
Page 38: Visual Conversations
Page 39: Visual Conversations

Can I see the difference..?

Page 40: Visual Conversations
Page 41: Visual Conversations

Where exactly..?

Page 42: Visual Conversations
Page 43: Visual Conversations

Emergent views of structural properties

Page 44: Visual Conversations

[ Freemind ]

Page 45: Visual Conversations

gephi.org

Page 46: Visual Conversations

No truth, many truths

Page 47: Visual Conversations
Page 48: Visual Conversations
Page 49: Visual Conversations

#bbcqt & #newsnight

Page 50: Visual Conversations

#bbcqt & #newsnight

Page 51: Visual Conversations

#bbcqt & #newsnight

Page 52: Visual Conversations

Have you had a visual conversation with any of YOUR data lately?

Page 53: Visual Conversations

blog.ouseful.info

@psychemedia