Top Banner
for the Rest of Us - How to Create Rich Interactive Visualisations Without Any of the Pain Tony Hirst Communication and Systems, The Open University
60
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: OU Stats Conference - Quick Ways In to DataViz

Visualisations for the Rest of Us - How to

Create Rich Interactive Visualisations Without

Any of the PainTony Hirst

Communication and Systems,The Open University

Page 2: OU Stats Conference - Quick Ways In to DataViz

StorytellingS nsemaking

Page 3: OU Stats Conference - Quick Ways In to DataViz
Page 4: OU Stats Conference - Quick Ways In to DataViz

( Data Driven Journalism )

Page 5: OU Stats Conference - Quick Ways In to DataViz

“Personal dashboards”

Page 6: OU Stats Conference - Quick Ways In to DataViz

BIG DATA

Page 7: OU Stats Conference - Quick Ways In to DataViz

Taking aMACROSCOPIC

view

Page 8: OU Stats Conference - Quick Ways In to DataViz

Visual Analysisor

Presentation Graphics?

Page 9: OU Stats Conference - Quick Ways In to DataViz
Page 10: OU Stats Conference - Quick Ways In to DataViz

Data

VisualAnalysis

Page 11: OU Stats Conference - Quick Ways In to DataViz

Data

(Visual)Analysis

PresentationGraphics

Page 12: OU Stats Conference - Quick Ways In to DataViz

Data

(Visual)Analysis

PresentationGraphics

Page 13: OU Stats Conference - Quick Ways In to DataViz

Data

InteractiveVisualisation

Page 14: OU Stats Conference - Quick Ways In to DataViz

Spreadsheet charts

Visualisation applications

Off-the-shelf visualisation components

Bespoke programmed visualisations

For the creator

Page 15: OU Stats Conference - Quick Ways In to DataViz

Data Shapes

“Shape Sorter”, by Ella’s Dad

Page 16: OU Stats Conference - Quick Ways In to DataViz
Page 17: OU Stats Conference - Quick Ways In to DataViz

Data representation is key…

“Key”, by dewitt

Page 18: OU Stats Conference - Quick Ways In to DataViz

What makes for a good visualisation tool?

Page 19: OU Stats Conference - Quick Ways In to DataViz
Page 20: OU Stats Conference - Quick Ways In to DataViz

ComparingSortingAdding variablesFilteringHighlightingAggregatingRe-expressingRe-visualisingZooming and PanningRe-scaling

Key Properties of an Effective

Visualisation Environment

Page 21: OU Stats Conference - Quick Ways In to DataViz

So let’s start at the beginning…

…with the DATA

Page 22: OU Stats Conference - Quick Ways In to DataViz

GetTheData.org

Page 23: OU Stats Conference - Quick Ways In to DataViz
Page 24: OU Stats Conference - Quick Ways In to DataViz
Page 25: OU Stats Conference - Quick Ways In to DataViz
Page 26: OU Stats Conference - Quick Ways In to DataViz
Page 27: OU Stats Conference - Quick Ways In to DataViz
Page 28: OU Stats Conference - Quick Ways In to DataViz

Manipulating DataSpreadsheetText editorDatabase/query languageMaths/stats toolProgramming language

(Data cleansing tool)

Page 29: OU Stats Conference - Quick Ways In to DataViz

GoogleRefine

Stanford Data Wrangler

Page 30: OU Stats Conference - Quick Ways In to DataViz

In the right format, or in the right environment, a “dataset as document” can become a

queryable database

Page 31: OU Stats Conference - Quick Ways In to DataViz
Page 32: OU Stats Conference - Quick Ways In to DataViz

http://bit.l

y/dFCKxM

Page 33: OU Stats Conference - Quick Ways In to DataViz

Fishing for ideas and keeping up…

Page 34: OU Stats Conference - Quick Ways In to DataViz

http://www.improving-visualisation.org/

Page 35: OU Stats Conference - Quick Ways In to DataViz

http://infosthetics.com/

http://flowingdata.com/

Page 36: OU Stats Conference - Quick Ways In to DataViz
Page 37: OU Stats Conference - Quick Ways In to DataViz

IBM’sMany Eyes

Page 38: OU Stats Conference - Quick Ways In to DataViz
Page 39: OU Stats Conference - Quick Ways In to DataViz
Page 40: OU Stats Conference - Quick Ways In to DataViz

Tableau

Page 41: OU Stats Conference - Quick Ways In to DataViz

Google Public

Data Explorer

Page 42: OU Stats Conference - Quick Ways In to DataViz

Gephi

Page 43: OU Stats Conference - Quick Ways In to DataViz
Page 44: OU Stats Conference - Quick Ways In to DataViz

Link reception (2 receipts)

Page 45: OU Stats Conference - Quick Ways In to DataViz

Using colour for a reason

Page 46: OU Stats Conference - Quick Ways In to DataViz

So how many dimensions does support?

Page 47: OU Stats Conference - Quick Ways In to DataViz

• X and Y (at a push, Z)• Node size and colour• (Node label size and colour)• Edge thickness and colour• (Edge label and colour)• Node proximity/grouping• Clustering

• Filtering and differential application of the above

Page 48: OU Stats Conference - Quick Ways In to DataViz

Progressive Enhancement

Page 49: OU Stats Conference - Quick Ways In to DataViz

Data filtering

Page 50: OU Stats Conference - Quick Ways In to DataViz
Page 51: OU Stats Conference - Quick Ways In to DataViz
Page 52: OU Stats Conference - Quick Ways In to DataViz

Programmed visualisations

Page 53: OU Stats Conference - Quick Ways In to DataViz

Protovis

Page 54: OU Stats Conference - Quick Ways In to DataViz

Hand-coded visualisations:

Protovis

Page 55: OU Stats Conference - Quick Ways In to DataViz

Processing

Page 56: OU Stats Conference - Quick Ways In to DataViz
Page 57: OU Stats Conference - Quick Ways In to DataViz

Using R for creating visualisations

http://bit.ly/iMZF75

Page 58: OU Stats Conference - Quick Ways In to DataViz

R-Studio

Page 59: OU Stats Conference - Quick Ways In to DataViz

Data Journalism Developer

Studio

Data Science Toolkit

Page 60: OU Stats Conference - Quick Ways In to DataViz

(Probably no time for)

QUESTIONS…?

http://blog.ouseful.in

fo

@psychemedia