Introduction Workshop - Visualizing Marathon Data Visualisation
Melbourne Trains
Author driven vs Viewer driven
Melbourne Taxis
Exploration and Engagement
The Data’s Journey
Tell a story that you can interact with
Our Process
                            Iteration




     Explore and analyse
                                             Develop detailed
         data. Define
                                                design and                  Develop and deploy
      requirements and
                                                visualisation                   visualisation
      conceptual design.
                                                prototypes.




                            Feedback




      Exploration                                Design                     Development
Gather and review data                  Create interactive prototypes   Develop select visualisation
Assess audience needs                   Design technical architecture   Implement server backend
Sketch conceptual designs               Design detailed interactions    Handover and training
Produce data profile
Author driven vs Viewer driven
  Martini Glass
                          Author driven, linear narrative initially
                          Opens up to viewer driven at end
                          Tell a story then exploration
                          e.g. Interactive news




  Interactive Slideshow
                          Balance of author and viewer driven
                          Exploration at each stage
                          Primarily linear narrative




  Drill Down Story
                          Viewer driven narrative
                          Initial high level overview
                          Viewer then drills into detail
                          e.g. Interactive map



                                                                      J. Heer
Not just the averages
Draw the viewer into the data
Form
                    Visual Encoding
Orientation   Line Length   Line Width     Size




Shape         Curvature     Enclosure      Motion




Colour                      Position
Intensity     Hue           2-D Position   Grouping




                                                      Ware
Gestalt Principles of Visual Perception
    Similarity   Similarity   Connection




    Continuity   Closure      Enclosure




    Proximity    Proximity    Proximity
Expanding Toolsets
“Real artists ship”

Don’t over reach
Focus on the story of the data
Use visual encoding wisely
Don’t make your viewer work too hard at the start
Introduction Workshop - Visualizing Marathon Data Visualisation

More Related Content

KEY
Data Visualisation Techniques and Polish Workshop - Visualizing Marathon
PDF
Building Relevance and Driving Results for Trade Associations
PPTX
Comber planing mills
PPTX
李姿儀2[1]
PPT
楊璧慈2[1]
PDF
吳威龍
PPTX
Space/Narrative PPT
PPTX
Hot tech, hot knowledge
Data Visualisation Techniques and Polish Workshop - Visualizing Marathon
Building Relevance and Driving Results for Trade Associations
Comber planing mills
李姿儀2[1]
楊璧慈2[1]
吳威龍
Space/Narrative PPT
Hot tech, hot knowledge

Viewers also liked (20)

PDF
Thorton+vs+caldor
PPTX
Sintesis TiO2 melalui metoda sol gel dan pendoppingan
PPTX
16h40 às 17h00 yiochi
PDF
Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...
PDF
FORZA E CORAGGIO - COME TRASFORMARE UNA CRISI IN OPPORTUNITA'
PPTX
IBM forms & advantages
PPTX
8 Reasons Hearing Loss is More Dangerous Than You Think
PDF
DOĞASI GİRİŞİM: ETKİNLİK YÖNETİMİ
PPT
Politics Greek Contest presentation / March 2011
PPT
Introduction to Message-Oriented Middleware
PDF
Horario tercer semestre alumnos
PDF
2015 2016 elections in africa
PPTX
Mocadors amb puntes
DOCX
Format mingguan topik 7
PPT
Horror genre presentation
PDF
Farsund digitalworkshop
PDF
Excel ii tip_tricks
PDF
Sourajit Aiyer - South Asian Federation of Exchanges, Pakistan - Triggers Tha...
PPT
Everithing Marine
Thorton+vs+caldor
Sintesis TiO2 melalui metoda sol gel dan pendoppingan
16h40 às 17h00 yiochi
Sourajit Aiyer - Financial Planning Standards Board Journal - Transition to F...
FORZA E CORAGGIO - COME TRASFORMARE UNA CRISI IN OPPORTUNITA'
IBM forms & advantages
8 Reasons Hearing Loss is More Dangerous Than You Think
DOĞASI GİRİŞİM: ETKİNLİK YÖNETİMİ
Politics Greek Contest presentation / March 2011
Introduction to Message-Oriented Middleware
Horario tercer semestre alumnos
2015 2016 elections in africa
Mocadors amb puntes
Format mingguan topik 7
Horror genre presentation
Farsund digitalworkshop
Excel ii tip_tricks
Sourajit Aiyer - South Asian Federation of Exchanges, Pakistan - Triggers Tha...
Everithing Marine
Ad

Similar to Introduction Workshop - Visualizing Marathon Data Visualisation (20)

PPTX
Prototypes, Prototypes, Prototypes
PPT
Activity-Based Serendipitous Recommendations with the Magitti Mobile Leisure ...
PPTX
SVA Workshop - Fall 121011
PDF
Activity
PDF
Mining Social Graph Data
KEY
User Centered Mobile Web Design
PDF
Visualising the user experience
PPTX
SVA Workshop 021112
PDF
Vanderbeeken_EXPERIENTIA
PPTX
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
PDF
Narrative visualization
PDF
SVA Workshop 032512
PPTX
Introduction to Information Architecture and Design - SVA Workshop 021613
PPTX
Introduction to Information Architecture and Design - SVA Workshop 120812
PDF
2013 Professional Portfolio
PPTX
Infographics & Data Visualisation
PDF
Caleb Brown - Current Résumé
PPTX
Introduction to Information Architecture and Design - SVA Workshop 0712
PPTX
Introduction to Information Architecture and Design - SVA Workshop 0929
PPT
Information visualisation
Prototypes, Prototypes, Prototypes
Activity-Based Serendipitous Recommendations with the Magitti Mobile Leisure ...
SVA Workshop - Fall 121011
Activity
Mining Social Graph Data
User Centered Mobile Web Design
Visualising the user experience
SVA Workshop 021112
Vanderbeeken_EXPERIENTIA
Introduction to Information Architecture and Design - SVA Workshop 03/23/13
Narrative visualization
SVA Workshop 032512
Introduction to Information Architecture and Design - SVA Workshop 021613
Introduction to Information Architecture and Design - SVA Workshop 120812
2013 Professional Portfolio
Infographics & Data Visualisation
Caleb Brown - Current Résumé
Introduction to Information Architecture and Design - SVA Workshop 0712
Introduction to Information Architecture and Design - SVA Workshop 0929
Information visualisation
Ad

Recently uploaded (20)

PDF
A review of recent deep learning applications in wood surface defect identifi...
PPTX
AI IN MARKETING- PRESENTED BY ANWAR KABIR 1st June 2025.pptx
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PDF
Developing a website for English-speaking practice to English as a foreign la...
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
PDF
A proposed approach for plagiarism detection in Myanmar Unicode text
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PPT
Module 1.ppt Iot fundamentals and Architecture
PDF
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
PDF
STKI Israel Market Study 2025 version august
PPT
Galois Field Theory of Risk: A Perspective, Protocol, and Mathematical Backgr...
PPTX
Microsoft Excel 365/2024 Beginner's training
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
PDF
Two-dimensional Klein-Gordon and Sine-Gordon numerical solutions based on dee...
PDF
UiPath Agentic Automation session 1: RPA to Agents
A review of recent deep learning applications in wood surface defect identifi...
AI IN MARKETING- PRESENTED BY ANWAR KABIR 1st June 2025.pptx
A contest of sentiment analysis: k-nearest neighbor versus neural network
A comparative study of natural language inference in Swahili using monolingua...
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
Developing a website for English-speaking practice to English as a foreign la...
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
A proposed approach for plagiarism detection in Myanmar Unicode text
Zenith AI: Advanced Artificial Intelligence
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Module 1.ppt Iot fundamentals and Architecture
A Late Bloomer's Guide to GenAI: Ethics, Bias, and Effective Prompting - Boha...
STKI Israel Market Study 2025 version august
Galois Field Theory of Risk: A Perspective, Protocol, and Mathematical Backgr...
Microsoft Excel 365/2024 Beginner's training
Enhancing emotion recognition model for a student engagement use case through...
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
Two-dimensional Klein-Gordon and Sine-Gordon numerical solutions based on dee...
UiPath Agentic Automation session 1: RPA to Agents

Introduction Workshop - Visualizing Marathon Data Visualisation

  • 3. Author driven vs Viewer driven
  • 7. Tell a story that you can interact with
  • 8. Our Process Iteration Explore and analyse Develop detailed data. Define design and Develop and deploy requirements and visualisation visualisation conceptual design. prototypes. Feedback Exploration Design Development Gather and review data Create interactive prototypes Develop select visualisation Assess audience needs Design technical architecture Implement server backend Sketch conceptual designs Design detailed interactions Handover and training Produce data profile
  • 9. Author driven vs Viewer driven Martini Glass Author driven, linear narrative initially Opens up to viewer driven at end Tell a story then exploration e.g. Interactive news Interactive Slideshow Balance of author and viewer driven Exploration at each stage Primarily linear narrative Drill Down Story Viewer driven narrative Initial high level overview Viewer then drills into detail e.g. Interactive map J. Heer
  • 10. Not just the averages
  • 11. Draw the viewer into the data
  • 12. Form Visual Encoding Orientation Line Length Line Width Size Shape Curvature Enclosure Motion Colour Position Intensity Hue 2-D Position Grouping Ware
  • 13. Gestalt Principles of Visual Perception Similarity Similarity Connection Continuity Closure Enclosure Proximity Proximity Proximity
  • 15. “Real artists ship” Don’t over reach Focus on the story of the data Use visual encoding wisely Don’t make your viewer work too hard at the start

Editor's Notes