2016-11-08 Romero: What can Visualization do for You? 1
VisualizationStudio
What can Visualization do for you?
Mario Romero ∙ 2016-11-08
Johan Blaus ∙ KTH Industry Liaison
2016-11-08 Romero: What can Visualization do for You? 3
Johan Blaus ∙ KTH Industry Liasson
Linda Bell
Head of EU R&D Relations
Katrin Danerlöv
International Department Unit
Natio...
5Romero: What can Visualization do for You?2016-11-08
6Romero: What can Visualization do for You?2016-11-08
Uber Rides (chord diagram), Cofee Flavour (sun burst), Nutrient Data...
Scatter Plot (Orthogonal Coordinates)
V1 V2
D1 7 3
D2 2 7
D3 9 8 V1
V2
2016-11-08 Romero: What can Visualization do for Yo...
Parallel Coordinates
V1 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 Romero: What can Visu...
Parallel Coordinates
V1 V2 V3 V4 V5
2016-11-08 Romero: What can Visualization do for You?
0
1
2
3
4
5
6
7
8
9
9
0
1
2
3
4
...
2016-11-08 Romero: What can Visualization do for You?
Other Links: nutrition data, tutorials, car data, gitHut, gitHub, an...
Information Visualization 2013 - 17
11Romero: What can Visualization do for You?2016-11-08
Information Visualization 2014 - 19
12Romero: What can Visualization do for You?2016-11-08
Information Visualization 2015 - 48
13Romero: What can Visualization do for You?2016-11-08
Information Visualization 2016 - 73
2016-11-08 Romero: What can Visualization do for You? 14
Information Visualization 2016
Rodrigo Roa Rodríguez
Zhihao Yang
Jacob Norlin-Andersson
2016-11-08 Romero: What can Visual...
Visualizing Horizon 2020
2016-11-08 Romero: What can Visualization do for You? 16
Horizon2020
• EU Research & Innovation program
• Largest ever!
• €80 billion of funding
• 7 years (2014 to 2020)
• Ideas (...
Visualizing Horizon 2020 – Homescreen
2016-11-08 Romero: What can Visualization do for You? 18
Visualizing Horizon 2020 – Full Tree
2016-11-08 Romero: What can Visualization do for You? 19
How did the project succeed?
• Good students
• Commitment from client
• Time
• Funding
• Good leadership
2016-11-08 Romero...
What is Visualization? “The use of computer-supported, interactive
visual representations of data to amplify
cognition.”
C...
Why Visualization?
Anscombe’s Quartet
I II III IV
x y x y x y x y
10 8.04 10 9.14 10 7.46 8 6.58
8 6.95 8 8.14 8 6.77 8 5....
http://www.thehumanfaceofbigdata.com/
2016-11-08 Romero: What can Visualization do for You? 24
Visualization Questions 1. Who is the user?
2. What are the tasks?
3. What is the data?
4. What are the visual structures?...
2016-11-08 Romero: What can Visualization do for You? 26
Visualization Questions 1. Who is the user?
2. What are the tasks?
3. What is the data?
4. What are the visual structures?...
Visualization Questions 1. Who is the user?
2. What are the tasks?
3. What is the data?
4. What are the visual structures?...
Visualization Questions 1. Who is the user?
2. What are the tasks?
3. What is the data?
4. What are the visual structures?...
2016-11-08 Romero: What can Visualization do for You? 30
Data: relational database
2016-11-08 Romero: What can Visualization do for You? 31
Data: participant table (+30K rows)
2016-11-08 Romero: What can Visualization do for You? 32
Data: project table (+10K rows)
Visualization Questions 1. Who is the user?
2. What are the tasks?
3. What is the data?
4. What are the visual structures?...
2016-11-08 Romero: What can Visualization do for You? 34
Data: structure (hierarchy)
* 7 pillars in the database, as certa...
2016-11-08 Romero: What can Visualization do for You? 35
1 H2020 7 Pillars 32 Calls
Visualization Questions 1. Who is the user?
2. What are the tasks?
3. What is the data?
4. What are the visual structures?...
Visualization Questions 1. Who is the user?
2. What are the tasks?
3. What is the data?
4. What are the visual structures?...
2016-11-08 Romero: What can Visualization do for You? 39
Requirements Design
ImplementationEvaluation
Iterative
User-Cente...
Selected Projects
41
Visualizing Transport Systems
42
Tidebanan
43
2016-11-08 Romero: What can Visualization do for You? 44
2016-11-08 Romero: What can Visualization do for You? 46
Outline
What is
Visualization
Why
Visualization
Why Human-
Centered?
Examples
Viz-A-Vis
Open Questions
Visualization
Susta...
Late
48
2016-11-08 Romero: What can Visualization do for You? 49
2016-11-08 Romero: What can Visualization do for You? 51
Visualizing Education Impact
52
Course Voyager
53
2016-11-08 Romero: What can Visualization do for You? 54
2016-11-08 Romero: What can Visualization do for You? 56
Engineer Your Future
57
2016-11-08 Romero: What can Visualization do for You? 58
2016-11-08 Romero: What can Visualization do for You? 60
What can Visualization
do for you?
• Discover who the user is
• Unearth the user tasks
• Formalize a data model
• Map data...
How can we
collaborate?
• MS Thesis
• Proposal – exjobb portal
• Visualization Goal
• User
• Tasks
• Data
• Student Compet...
Thank you!
marior@kth.se marioromero73 marioromero73 marioromero
kth.se/profile/marior/
63
Upcoming SlideShare
Loading in …5
×

Romero: What can Visualization do for You?

274 views

Published on

In this talk I present a number of current examples of my student projects to demonstrate how visualization can help you understand your data and discover questions about it you didn't even know you had.

Published in: Data & Analytics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
274
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Romero: What can Visualization do for You?

  1. 1. 2016-11-08 Romero: What can Visualization do for You? 1 VisualizationStudio
  2. 2. What can Visualization do for you? Mario Romero ∙ 2016-11-08
  3. 3. Johan Blaus ∙ KTH Industry Liaison 2016-11-08 Romero: What can Visualization do for You? 3
  4. 4. Johan Blaus ∙ KTH Industry Liasson Linda Bell Head of EU R&D Relations Katrin Danerlöv International Department Unit National Contact Point (NCP) 2016-11-08 Romero: What can Visualization do for You? 4
  5. 5. 5Romero: What can Visualization do for You?2016-11-08
  6. 6. 6Romero: What can Visualization do for You?2016-11-08 Uber Rides (chord diagram), Cofee Flavour (sun burst), Nutrient Data (parallel coordinates), Map of the Market (treemap)
  7. 7. Scatter Plot (Orthogonal Coordinates) V1 V2 D1 7 3 D2 2 7 D3 9 8 V1 V2 2016-11-08 Romero: What can Visualization do for You? 0 1 2 3 4 5 6 7 8 9 9 8 7 6 5 4 3 2 1 0 7
  8. 8. Parallel Coordinates V1 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 Romero: What can Visualization do for You? 0 1 2 3 4 5 6 7 8 9 8
  9. 9. Parallel Coordinates V1 V2 V3 V4 V5 2016-11-08 Romero: What can Visualization do for You? 0 1 2 3 4 5 6 7 8 9 9 0 1 2 3 4 5 6 7 8 9 1 2 34 5 Radar Chart
  10. 10. 2016-11-08 Romero: What can Visualization do for You? Other Links: nutrition data, tutorials, car data, gitHut, gitHub, angular brushing, edge-bundling 10
  11. 11. Information Visualization 2013 - 17 11Romero: What can Visualization do for You?2016-11-08
  12. 12. Information Visualization 2014 - 19 12Romero: What can Visualization do for You?2016-11-08
  13. 13. Information Visualization 2015 - 48 13Romero: What can Visualization do for You?2016-11-08
  14. 14. Information Visualization 2016 - 73 2016-11-08 Romero: What can Visualization do for You? 14
  15. 15. Information Visualization 2016 Rodrigo Roa Rodríguez Zhihao Yang Jacob Norlin-Andersson 2016-11-08 Romero: What can Visualization do for You? 15
  16. 16. Visualizing Horizon 2020 2016-11-08 Romero: What can Visualization do for You? 16
  17. 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 Romero: What can Visualization do for You? 17 Stairway to Excellence project: Choropleth Map of Europe visualizing H2020 Funding per Capita per Region
  18. 18. Visualizing Horizon 2020 – Homescreen 2016-11-08 Romero: What can Visualization do for You? 18
  19. 19. Visualizing Horizon 2020 – Full Tree 2016-11-08 Romero: What can Visualization do for You? 19
  20. 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? 20
  21. 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? 21
  22. 22. Why Visualization? Anscombe’s Quartet I II III IV x y x y x y x y 10 8.04 10 9.14 10 7.46 8 6.58 8 6.95 8 8.14 8 6.77 8 5.76 13 7.58 13 8.74 13 12.74 8 7.71 9 8.81 9 8.77 9 7.11 8 8.84 11 8.33 11 9.26 11 7.81 8 8.47 14 9.96 14 8.1 14 8.84 8 7.04 6 7.24 6 6.13 6 6.08 8 5.25 4 4.26 4 3.1 4 5.39 19 12.5 12 10.84 12 9.13 12 8.15 8 5.56 7 4.82 7 7.26 7 6.42 8 7.91 5 5.68 5 4.74 5 5.73 8 6.89 Mean 9 7.5 9 7.5 9 7.5 9 7.5 Variance 11 4.1 11 4.1 11 4.1 11 4.1 X-Y Correlation 0.63 0.63 0.63 0.63 Lin. Regression y = 3.00 + 0.500x y = 3.00 + 0.500x y = 3.00 + 0.500x y = 3.00 + 0.500x 0 2 4 6 8 10 12 14 0 2 4 6 8 10 12 14 16 18 20 y x II 0 2 4 6 8 10 12 14 0 2 4 6 8 10 12 14 16 18 20 y x IV 0 2 4 6 8 10 12 14 0 2 4 6 8 10 12 14 16 18 20 y x III 0 2 4 6 8 10 12 14 0 2 4 6 8 10 12 14 16 18 20 y x I 2016-11-08 Romero: What can Visualization do for You? 22
  23. 23. http://www.thehumanfaceofbigdata.com/ 2016-11-08 Romero: What can Visualization do for You? 24
  24. 24. 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? 25
  25. 25. 2016-11-08 Romero: What can Visualization do for You? 26
  26. 26. 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 Romero: What can Visualization do for You? 27 Linda Katrin
  27. 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? • Monitor participation • Show collaboration • Provides overview • Create Reports • Communicate 2016-11-08 Romero: What can Visualization do for You? 28
  28. 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? 2016-11-08 Romero: What can Visualization do for You? 29
  29. 29. 2016-11-08 Romero: What can Visualization do for You? 30 Data: relational database
  30. 30. 2016-11-08 Romero: What can Visualization do for You? 31 Data: participant table (+30K rows)
  31. 31. 2016-11-08 Romero: What can Visualization do for You? 32 Data: project table (+10K rows)
  32. 32. 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? 33
  33. 33. 2016-11-08 Romero: What can Visualization do for You? 34 Data: structure (hierarchy) * 7 pillars in the database, as certain programmes are listed as pillars. ** signed projects, eCORDA H2020 database, september 30, 2016.
  34. 34. 2016-11-08 Romero: What can Visualization do for You? 35 1 H2020 7 Pillars 32 Calls
  35. 35. 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? 37
  36. 36. 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? 38
  37. 37. 2016-11-08 Romero: What can Visualization do for You? 39 Requirements Design ImplementationEvaluation Iterative User-Centered Design UCD User
  38. 38. Selected Projects 41
  39. 39. Visualizing Transport Systems 42
  40. 40. Tidebanan 43
  41. 41. 2016-11-08 Romero: What can Visualization do for You? 44
  42. 42. 2016-11-08 Romero: What can Visualization do for You? 46
  43. 43. Outline What is Visualization Why Visualization Why Human- Centered? Examples Viz-A-Vis Open Questions Visualization Sustainable Development Examples Nairobi Water Open Questions Mixed Reality Visualization What is Mixed Reality? Examples Spinnulator Open Questions Expo-Based Learning What is it? Current Results Closing Summary News Students venturing through startups. Erik Dahlberg’s start up Tidebanan 2015 2016-11-08 Romero: What can Visualization do for You? 47
  44. 44. Late 48
  45. 45. 2016-11-08 Romero: What can Visualization do for You? 49
  46. 46. 2016-11-08 Romero: What can Visualization do for You? 51
  47. 47. Visualizing Education Impact 52
  48. 48. Course Voyager 53
  49. 49. 2016-11-08 Romero: What can Visualization do for You? 54
  50. 50. 2016-11-08 Romero: What can Visualization do for You? 56
  51. 51. Engineer Your Future 57
  52. 52. 2016-11-08 Romero: What can Visualization do for You? 58
  53. 53. 2016-11-08 Romero: What can Visualization do for You? 60
  54. 54. 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? 61
  55. 55. 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 Romero: What can Visualization do for You? 62
  56. 56. Thank you! marior@kth.se marioromero73 marioromero73 marioromero kth.se/profile/marior/ 63

×