+
Visualisation for Social Science DataDr Chris Tofts
concinnitās ltd
Visiting Prof, Computer Science, Swansea University
+This talk
Introduction and motivating examples
Hans Rosling – Health data
Bob Laremee – Turtle movement
Hans ‘on the cheap’
SMAT provision extended example
Primary Issues
Questions
© concinnitās 2010 www.concinnitas.co.uk
+Great starting point
© concinnitās 2010 www.concinnitas.co.uk
+A good starting example –Nightingale’s Rose
© concinnitās 2010 www.concinnitas.co.uk
+Napolean’s retreat
© concinnitās 2010 www.concinnitas.co.uk
+Self-Organised Poverty Map
© concinnitās 2010 www.concinnitas.co.uk
+Re-Mapped
© concinnitās 2010 www.concinnitas.co.uk
+Sparklines
© concinnitās 2010 www.concinnitas.co.uk
+Social graph view
© concinnitās 2010 www.concinnitas.co.uk
+Hypergeometric in 3D
© concinnitās 2010 www.concinnitas.co.uk
+Beaches in Brazil – google fusion maps
© concinnitās 2010 www.concinnitas.co.uk
+Chernoff faces
© concinnitās 2010 www.concinnitas.co.uk
+Driver for visualisation
Data - Increasing generating very large data sets – usually automatically
Information - within which are some interesting patterns
Understanding – presenting the patterns so a human can make use of them.
The aim of good visualisation is to take the storm of data, and
change it into information and consequently increase
knowledge.
© concinnitās 2010 www.concinnitas.co.uk
+Common features of these examples
High >2 dimensionality
Lots of data
Interactive – some
Relationship data
© concinnitās 2010 www.concinnitas.co.uk
+Fundamental questions
What is the output device
Web
Application
Paper
How much manual intervention is required?
Is the data live?
Aim
Comprehension
Influence
Publication
© concinnitās 2010 www.concinnitas.co.uk
+Why do we still use paper?
15’’ computer screen at 1280 approimately 100 dpi
Cheap modern printer 600 dpi
Good one 1200 dpi
So paper is 36 to 144 times better, but
No interactivity
Hard to access raw resolution without DIRECT generation of pdf.
© concinnitās 2010 www.concinnitas.co.uk
+Other problems...
Handing over data - trust
Limited time
Different language
© concinnitās 2010 www.concinnitas.co.uk
+Impact of visual data
© concinnitās 2010 www.concinnitas.co.uk
+Extended example on interactions with Social support
Multiple different views of the data supporting different questions.
© concinnitās 2010 www.concinnitas.co.uk
+Visualising SMAT support
© concinnitās 2010 www.concinnitas.co.uk
Basic data is an interaction at a particular time
Raw information as text
Manual translation – keep format short
+First visualisation
© concinnitās 2010 www.concinnitas.co.uk
+Showing interaction capability
© concinnitās 2010 www.concinnitas.co.uk
+Coping with lots of organisations
© concinnitās 2010 www.concinnitas.co.uk
+Convert to ‘raw’ pdf
© concinnitās 2010 www.concinnitas.co.uk
+2d Organisation view
© concinnitās 2010 www.concinnitas.co.uk
CN
Family CFS
Agency Outreach SS SDP MidWife PSALT Pharmacist
Cyrenians Carers Referrer Pharmacy Housing SwanseaPrison SW
APO CMHT WGADA CDAT GP Probation OccupationalHealth
ChildAndFamily HospitalDetox Mother Client College CJIT GrpPhyscotherapist
ComputingCourse GIT SANDS HealthVisitor ProgressToWork IndPhyscotherapist Custody
CAB CDIT SureStart Dentist SANDPIT ShawTrustProject SCBU
Obstetrician PrincesTrust Fairbridge HO BrigendPrison Pharmacy(Other) RPG
+With a particular client
© concinnitās 2010 www.concinnitas.co.uk
CN
Family CFS
Agency Outreach SS SDP MidWife PSALT Pharmacist
Cyrenians Carers Referrer Pharmacy Housing SwanseaPrison SW
APO CMHT WGADA CDAT GP Probation OccupationalHealth
ChildAndFamily HospitalDetox Mother Client College CJIT GrpPhyscotherapist
ComputingCourse GIT SANDS HealthVisitor ProgressToWork IndPhyscotherapist Custody
CAB CDIT SureStart Dentist SANDPIT ShawTrustProject SCBU
Obstetrician PrincesTrust Fairbridge HO BrigendPrison Pharmacy(Other) RPG
+Combining timeline
© concinnitās 2010 www.concinnitas.co.uk
+3D animation
© concinnitās 2010 www.concinnitas.co.uk
+Online Systems
Google charts
IBM many eyes
Google maps
© concinnitās 2010 www.concinnitas.co.uk
+Fundamental problem
Input syntax’s are all different!
© concinnitās 2010 www.concinnitas.co.uk
+Pajek view of graph
*Network network name*Vertices N1 "lab" coordX coordY value shape x_fact factX y_fact factY ic color [activ_int]2 "lab" coordX coordY value shape x_fact factX y_fact factY ic color [activ_int]…N "lab" coordX coordY value shape x_fact factX y_fact factY ic color [activ_int]*Arcs :1 "relation name"init_vertex term_vertex value w width c color [activ_int]…*Arcs :2 "relation name"init_vertex term_vertex value w width c color [activ_int]……*Arcs :R "relation name"init_vertex term_vertex value w width c color [activ_int]…*Edges :1 "relation name"init_vertex term_vertex value w width c color [activ_int]…*Edges :2 "relation name"init_vertex term_vertex value w width c color [activ_int]……*Edges :R "relation name"init_vertex term_vertex value w width c color [activ_int]
© concinnitās 2010 www.concinnitas.co.uk
+Graphviz view
digraph finite_state_machine {node [shape = doublecircle]; LR_0 LR_3 LR_4 LR_8;node [shape = circle];rankdir=LR;LR_0 -> LR_2 [ label = "SS(B)" ];LR_0 -> LR_1 [ label = "SS(S)" ];LR_1 -> LR_3 [ label = "S($end)" ];LR_2 -> LR_6 [ label = "SS(b)" ];LR_2 -> LR_5 [ label = "SS(a)" ];LR_2 -> LR_4 [ label = "S(A)" ];LR_5 -> LR_7 [ label = "S(b)" ];LR_5 -> LR_5 [ label = "S(a)" ];LR_6 -> LR_6 [ label = "S(b)" ];LR_6 -> LR_5 [ label = "S(a)" ];LR_7 -> LR_8 [ label = "S(b)" ];LR_7 -> LR_5 [ label = "S(a)" ];LR_8 -> LR_6 [ label = "S(b)" ];LR_8 -> LR_5 [ label = "S(a)" ];
}
© concinnitās 2010 www.concinnitas.co.uk
+H3 view
0 and(Gr3sub1) 1 image1 and(Gr2sub20) 1 image2 and(Gr1sub114) 1 image3 COMP434 1 main3 COMP436 1 main3 COMP433 1 main3 COMP435 1 main3 COMP432 1 main2 and(Gr1sub35) 1 image3 COMP567 1 main3 COMP570 1 main3 COMP573 1 main
© concinnitās 2010 www.concinnitas.co.uk
+Udraw(graph) – used to be DaVinci
© concinnitās 2010 www.concinnitas.co.uk
+JSON view 1 of N
var json = { "children": [ { "children":
[ { "children": [], "data": { "description": "$jit namespace and $jit()
for append vis to Global\n \n Example:\n \n new $jit.Hypertree({\n 'injectInto': 'myvisContainer'\n });",
"$angularWidth": 7490, "days": 111, "$color": "#FCD9A1", "size": 7490 }, "id": "Source/Coordinates/Complex.js", "name": "Complex.js" }, { "children": [], "data": { "description": "Fixed polar interpolation problem when theta = pi", "$angularWidth": 6390, "days": 2, "$color": "#B0AAF6", "size": 6390 }, "id": "Source/Coordinates/Polar.js", "name": "Polar.js" } ],
© concinnitās 2010 www.concinnitas.co.uk
+My view
14/11/7 Client-ass->WGCADA21/11/7 WGCADA-l->Client21/4/08 Refer-l->WGCADA28/4/08 Client-DNA->WGCADA12/5/08 WGCADA-l->Client20/5/08 Client-DNA->WGCADA22/1/09 TSU-l->WGCADA29/1/09 Client-m->WGCADA29/1/09 TSU-m->WGCADA6/2/09 Client-ass->WGCADA24/2/09 Client-m->WGCADA25/2/09 WGCADA-t->Client03/3/09 WGCADA-m->Client04/3/09 WGCADA-t->Client
© concinnitās 2010 www.concinnitas.co.uk
Not going to do!
© concinnitās 2010 www.concinnitas.co.uk
+Coping with multiple formats
Simple PERL programs
Why PERL....
Stable version freely available
Its what it was designed to do!
Libraries for direct PDF generation
Libraries for lots and lots of stuff...
Even graphics to do builds
© concinnitās 2010 www.concinnitas.co.uk
+Another way forward
Your browser is now equivalent to your machine (well almost)
Firefox/Chrome/Safari have stable versions of these features
Combination of CSS, Javascript and HTML exceedingly powerful
JIT has many great examples and is growing
Mapping via google maps
Use project students in CS, but you will have to hand over some data!
© concinnitās 2010 www.concinnitas.co.uk
+Unlikely to ‘beat’ hand drawn!
© concinnitās 2010 www.concinnitas.co.uk
+Online resources
http://www.amazon.com/Visual-Display-Quantitative-Information-2nd/dp/0961392142/ref=sr_1_1?s=books&ie=UTF8&qid=1301313153&sr=1-1,
Tufte’s bulletin board http://www.edwardtufte.com/bboard/q-and-a?topic_id=1
Periodic table of charts http://www.visual-literacy.org/periodic_table/periodic_table.html
Google charts http://code.google.com/apis/chart/
IBM charts http://www-958.ibm.com/software/data/cognos/manyeyes/page/Visualization_Options.html
javascript data visualisation http://thejit.org/
H3 system http://graphics.stanford.edu/papers/h3/
service visualisation http://www.edpuss.co.uk/SerViz/sv.htm
Source for Hans Rosling http://www.youtube.com/watch?v=jbkSRLYSojo&feature=player_embedded#at=183
Animation examples http://www.edpuss.co.uk/Animation
Tamarra Muntzer’s software page http://www.cs.ubc.ca/~tmm/software.html
© concinnitās 2010 www.concinnitas.co.uk
+More resources
Icons http://www.gerdarntz.org/isotype
Google map icons collection http://code.google.com/p/google-maps-icons/
© concinnitās 2010 www.concinnitas.co.uk