2016-11-08 Romero: What can Visualization do for You? 1

VisualizationStudio

What can Visualization do for you?

Mario Romero 2016-11-08∙

Romero: What can Visualization do for You? 3

Johan Blaus ∙ KTH Industry Liaison

2016-11-08

Romero: What can Visualization do for You? 4

Johan Blaus ∙ KTH Industry Liasson

Linda BellHead of EU R&D Relations

Katrin DanerlövInternational Department UnitNational Contact Point (NCP)

2016-11-08

Romero: What can Visualization do for You? 52016-11-08

Romero: What can Visualization do for You? 62016-11-08

Uber Rides (chord diagram), Cofee Flavour (sun burst), Nutrient Data (parallel coordinates), Map of the Market (treemap)

Romero: What can Visualization do for You? 7

Scatter Plot (Orthogonal Coordinates)V1 V2

D1 7 3

D2 2 7

D3 9 8 V1

V2

2016-11-08

0

1

2

3

4

5

6

7

8

9

9876543210

Romero: What can Visualization do for You? 8

Parallel CoordinatesV1 V2 V3 V4 V5

V1 V2 V3 V4 V5

D1 7 3 4 8 1

D2 2 7 6 3 4

D3 9 8 1 4 2

2016-11-08

0

1

2

3

4

5

6

7

8

9

Romero: What can Visualization do for You? 9

Parallel CoordinatesV1 V2 V3 V4 V5

2016-11-08

0

1

2

3

4

5

6

7

8

9

1

2

34

5

0

5

10

Radar Chart

Romero: What can Visualization do for You? 102016-11-08

Other Links: nutrition data, tutorials, car data, gitHut, gitHub, angular brushing, edge-bundling

Romero: What can Visualization do for You? 11

Information Visualization 2013 - 17

2016-11-08

Romero: What can Visualization do for You? 12

Information Visualization 2014 - 19

2016-11-08

Romero: What can Visualization do for You? 13

Information Visualization 2015 - 48

2016-11-08

Romero: What can Visualization do for You? 14

Information Visualization 2016 - 73

2016-11-08

Romero: What can Visualization do for You? 15

Information Visualization 2016

Rodrigo Roa Rodríguez

Zhihao Yang

Jacob Norlin-Andersson

2016-11-08

Romero: What can Visualization do for You? 16

Visualizing Horizon 2020

2016-11-08

Romero: What can Visualization do for You? 17

Horizon2020• EU Research & Innovation program

• Largest ever!

• €80 billion of funding

• 7 years (2014 to 2020)

• Ideas (Lab Market)

• Very Competitive!

Link

2016-11-08

Stairway to Excellence project: Choropleth Map of Europe visualizing H2020 Funding per Capita per Region

Romero: What can Visualization do for You? 18

Visualizing Horizon 2020 – Homescreen

2016-11-08

Romero: What can Visualization do for You? 19

Visualizing Horizon 2020 – Full Tree

2016-11-08

Romero: What can Visualization do for You? 20

How did the project succeed?• Good students• Commitment from client• Time• Funding• Good leadership

2016-11-08

Romero: What can Visualization do for You? 21

What is Visualization?

“The use of computer-supported, interactive visual representations of data to amplify cognition.”Card, Mackinlay, Shneiderman 1998

The art of helping people paint ideas from data.Romero 2016

2016-11-08

Romero: What can Visualization do for You? 22

Why Visualization?Anscombe’s Quartet

I II III IVx y x y x y x y

10 8.04 10 9.14 10 7.46 8 6.588 6.95 8 8.14 8 6.77 8 5.76

13 7.58 13 8.74 13 12.74 8 7.719 8.81 9 8.77 9 7.11 8 8.84

11 8.33 11 9.26 11 7.81 8 8.4714 9.96 14 8.1 14 8.84 8 7.04

6 7.24 6 6.13 6 6.08 8 5.254 4.26 4 3.1 4 5.39 19 12.5

12 10.84 12 9.13 12 8.15 8 5.567 4.82 7 7.26 7 6.42 8 7.915 5.68 5 4.74 5 5.73 8 6.89

Mean 9 7.5 9 7.5 9 7.5 9 7.5Variance 11 4.1 11 4.1 11 4.1 11 4.1X-Y Correlation 0.63 0.63 0.63 0.63Lin. Regression y = 3.00 + 0.500x y = 3.00 + 0.500x y = 3.00 + 0.500x y = 3.00 + 0.500x

2 4 6 8 10 12 14 16 18 200

2

4

6

8

10

12

14

II

x

y

6 8 10 12 14 16 18 200

2

4

6

8

10

12

14

IV

x

y

2 4 6 8 10 12 14 16 18 200

2

4

6

8

10

12

14

III

x

y

2 4 6 8 10 12 14 16 18 200

2

4

6

8

10

12

14

I

x

y

2016-11-08

24

http://www.thehumanfaceofbigdata.com/

2016-11-08 Romero: What can Visualization do for You?

Romero: What can Visualization do for You? 25

Visualization Questions

1. Who is the user?2. What are the tasks?3. What is the data?4. What are the visual structures?5. How does the visualization support the tasks?6. How can it be improved?

2016-11-08

Romero: What can Visualization do for You? 262016-11-08

Romero: What can Visualization do for You? 27

Visualization Questions

1. Who is the user?2. What are the tasks?3. What is the data?4. What are the visual structures?5. How does the visualization support the tasks?6. How can it be improved?

• Funding Analysts• Research Officers• Organizations• Countries• Policy Makers• Grant Applicants• Evaluation Committees

2016-11-08

Linda

Katrin

Romero: What can Visualization do for You? 28

Visualization Questions

1. Who is the user?2. What are the tasks?3. What is the data?4. What are the visual structures?5. How does the visualization support the tasks?6. How can it be improved?

• Monitor participation• Show collaboration • Provides overview• Create Reports• Communicate

2016-11-08

Romero: What can Visualization do for You? 29

Visualization Questions

1. Who is the user?2. What are the tasks?3. What is the data?4. What are the visual structures?5. How does the visualization support the tasks?6. How can it be improved?

2016-11-08

Romero: What can Visualization do for You? 302016-11-08

Data: relational database

Romero: What can Visualization do for You? 312016-11-08

Data: participant table (+30K rows)

Romero: What can Visualization do for You? 322016-11-08

Data: project table (+10K rows)

Romero: What can Visualization do for You? 33

Visualization Questions

1. Who is the user?2. What are the tasks?3. What is the data?4. What are the visual structures?5. How does the visualization support the tasks?6. How can it be improved?

• Tree• Sunburst

2016-11-08

Romero: What can Visualization do for You? 342016-11-08

Data: structure (hierarchy)

* 7 pillars in the database, as certain programmes are listed as pillars.** signed projects, eCORDA H2020 database, september 30, 2016.

Romero: What can Visualization do for You? 352016-11-08

1 H2020 7 Pillars 32 Calls

Romero: What can Visualization do for You? 37

Visualization Questions

1. Who is the user?2. What are the tasks?3. What is the data?4. What are the visual structures?5. How does the visualization support the tasks?6. How can it be improved?

• Evaluation• Test v1 experimental design:

• Tasks• Short• Well-defined

• Measurable results• Test v2 descriptive/relational

design: • Let user choose their own

task• Deeper understanding of

the user, more realistic feedback.

2016-11-08

Romero: What can Visualization do for You? 38

Visualization Questions

1. Who is the user?2. What are the tasks?3. What is the data?4. What are the visual structures?5. How does the visualization support the tasks?6. How can it be improved?

• Text search on abstract• Topics• Motivations• Challenges• Applications

• Deployment Data• Usage• Communication• New user types

• More visual structures• Maps• Tree maps• Graphs

2016-11-08

Romero: What can Visualization do for You? 392016-11-08

Requirements Design

ImplementationEvaluation

IterativeUser-Centered Design UCD

User

41

Selected Projects

42

Visualizing Transport Systems

43

Tidebanan

Romero: What can Visualization do for You? 442016-11-08

Romero: What can Visualization do for You? 462016-11-08

Romero: What can Visualization do for You? 47

Outline

What is VisualizationWhy Visualization

Why Human-

Centered?

Examples

Viz-A-Vis

BrailleTouch

Behavior Imaging

Open Questions

Visualization Sustainable Development

Examples

Nairobi Water

WindMind

Open Questions

Mixed Reality VisualizationWhat is

Mixed

Reality?

ExamplesSpinnulator

Milo

Flying Colors 3D

Open Questions

Expo-Based Learning

What is it?

Current Results

Open Questions

Closing

Summary

News

Students venturing through startups.Erik Dahlberg’s start up Tidebanan 2015

2016-11-08

48

Late

Romero: What can Visualization do for You? 492016-11-08

Romero: What can Visualization do for You? 512016-11-08

52

Visualizing Education Impact

53

Course Voyager

Romero: What can Visualization do for You? 542016-11-08

Romero: What can Visualization do for You? 562016-11-08

57

Engineer Your Future

Romero: What can Visualization do for You? 582016-11-08

Romero: What can Visualization do for You? 602016-11-08

Romero: What can Visualization do for You? 61

What can Visualization do for you?

• Discover who the user is• Unearth the user tasks• Formalize a data model•Map data into visual structures• Program interactive visualizations• Evaluate Results• Help you discover questions you

didn’t know you had

2016-11-08

Romero: What can Visualization do for You? 62

How can we collaborate?

•MS Thesis• Proposal – exjobb portal

• Visualization Goal• User• Tasks• Data

• Student Competencies• 800 Hrs• Supervision• Funding is optional

2016-11-08

63

Thank you!marior@kth.se marioromero73 marioromero73

marioromero

kth.se/profile/marior/