SlideShare a Scribd company logo
1 of 33
Data Visualisation




                   Ben Hosken
              ben@flinklabs.com
                     @flinklabs
Melbourne trains
Mobile phone locates
Live Where?
Interactive visual representation
of data to improve cognition
Data telling stories
Exploration and Engagement
Good and Bad
Visual Cortex FTW
Accelerating data
3 Vs of Big Data



                     Velocity




            Volume              Variety
Accelerating power
Changing expectations
Consumer devices leading the way
Tells a story you can interact with
Data Visualisation Process



      Define                      Data                         Design                 Develop                      Deliver




Define the problem and    Gather the Data                Brainstorm ideas       Develop "architecture        Deliver final product
high level goals         Load and explore data          Sketch rough designs   tracer bullet"               Install software
Agree on scope and       Produce data patterns          Create concepts        Code iterations of product   Handover to client
timings                  Identify potential narrative   Develop interactive    Test and resolve issues      Prepare support channels
Understand the target    "hot spots"                    prototypes             Conduct final QA              Launch visualisation
audience and platforms   Discuss with target            Present alternatives                                Conduct post mortem
Kick off project         audience
Audience



           ?
What is the action outcome!
Storytelling
Data’s Journey
Tell the story don’t just show the data
Draw the viewer into the data
Toiling in the Data Mines
Not just the averages
Get the basics right
Count the number of 5s
   7   6   2   7   8   7   3   2   3   6
   7   7   5   8   2   3   7   1   5   6
   8   6   0   0   9   7   4   8   5   8
   5   4   1   4   3   5   7   7   0   3
   3   4   0   2   3   6   8   1   7   3
   8   3   1   8   2   3   7   9   8   1
   0   1   4   9   9   3   0   7   8   6
   6   8   6   8   6   3   8   3   5   0
   7   7   6   2   8   7   1   4   6   1
   9   7   7   6   3   5   0   8   0   5
   8   1   2   1   5   1   8   0   9   3
Count the number of 5s
  7   6   2   7   8   7   3   2   3   6
  7   7   5   8   2   3   7   1   5   6
  8   6   0   0   9   7   4   8   5   8
  5   4   1   4   3   5   7   7   0   3
  3   4   0   2   3   6   8   1   7   3
  8   3   1   8   2   3   7   9   8   1
  0   1   4   9   9   3   0   7   8   6
  6   8   6   8   6   3   8   3   5   0
  7   7   6   2   8   7   1   4   6   1
  9   7   7   6   3   5   0   8   0   5
  8   1   2   1   5   1   8   0   9   3
Visual Encoding
Form     Orientation   Line Length         Line Width              Size




           Shape       Curvature            Enclosure   Motion




Colour    Intensity       Hue        Position   2-D              Grouping
Common Pitfalls
Tools
Hans Rosling Video
Flink Labs Data Visualisation

More Related Content

What's hot

#6 character design
#6 character design#6 character design
#6 character design
kkirschbaum
 
Introduction to UX Research: Designing Surveys That Don't Suck!
Introduction to UX Research: Designing Surveys That Don't Suck!Introduction to UX Research: Designing Surveys That Don't Suck!
Introduction to UX Research: Designing Surveys That Don't Suck!
William Evans
 

What's hot (20)

Provisional Persona Workshop 1.0
Provisional Persona Workshop 1.0Provisional Persona Workshop 1.0
Provisional Persona Workshop 1.0
 
Visual Design Basics
Visual Design BasicsVisual Design Basics
Visual Design Basics
 
Data visualization
Data visualizationData visualization
Data visualization
 
User Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable ProductsUser Story Mapping for Minimum Lovable Products
User Story Mapping for Minimum Lovable Products
 
Data Visualization Design Best Practices Workshop
Data Visualization Design Best Practices WorkshopData Visualization Design Best Practices Workshop
Data Visualization Design Best Practices Workshop
 
Data Visualization - What can you see? #baai17
Data Visualization - What can you see? #baai17Data Visualization - What can you see? #baai17
Data Visualization - What can you see? #baai17
 
5 Data Visualization Pitfalls
5 Data Visualization Pitfalls5 Data Visualization Pitfalls
5 Data Visualization Pitfalls
 
Lesson 6 • Portraits & Lighting
Lesson 6 • Portraits & LightingLesson 6 • Portraits & Lighting
Lesson 6 • Portraits & Lighting
 
#6 character design
#6 character design#6 character design
#6 character design
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
 
User Persona
User PersonaUser Persona
User Persona
 
Information Design
Information DesignInformation Design
Information Design
 
Lecture 8 Introduction to Augmented Reality
Lecture 8 Introduction to Augmented RealityLecture 8 Introduction to Augmented Reality
Lecture 8 Introduction to Augmented Reality
 
The Future Of Data Visualization
The Future Of Data VisualizationThe Future Of Data Visualization
The Future Of Data Visualization
 
Introduction to UX Research: Designing Surveys That Don't Suck!
Introduction to UX Research: Designing Surveys That Don't Suck!Introduction to UX Research: Designing Surveys That Don't Suck!
Introduction to UX Research: Designing Surveys That Don't Suck!
 
Animation and virtual reality
Animation and virtual realityAnimation and virtual reality
Animation and virtual reality
 
Data visualization in a nutshell
Data visualization in a nutshellData visualization in a nutshell
Data visualization in a nutshell
 
Lightroom pdf
Lightroom pdfLightroom pdf
Lightroom pdf
 
Sixth sense technology
Sixth sense technologySixth sense technology
Sixth sense technology
 
Photography composition presentation
Photography composition presentationPhotography composition presentation
Photography composition presentation
 

Viewers also liked

LLEF16 workshop - Mogilev, Belarus
LLEF16 workshop - Mogilev, BelarusLLEF16 workshop - Mogilev, Belarus
LLEF16 workshop - Mogilev, Belarus
Kiryl Samartsau
 
Etkinlikler de tıpkı insan gibidir; Doğar, Büyür, Biter | Okan Üniversitesi
Etkinlikler de tıpkı insan gibidir; Doğar, Büyür, Biter | Okan ÜniversitesiEtkinlikler de tıpkı insan gibidir; Doğar, Büyür, Biter | Okan Üniversitesi
Etkinlikler de tıpkı insan gibidir; Doğar, Büyür, Biter | Okan Üniversitesi
Hakan Turkkusu
 
The Drum Fauxlympics
The Drum FauxlympicsThe Drum Fauxlympics
The Drum Fauxlympics
Melanie Peck
 

Viewers also liked (20)

Nova apresentação da seja mais livre
Nova apresentação da seja mais livreNova apresentação da seja mais livre
Nova apresentação da seja mais livre
 
Data Visualisation by Olivier Lorrain
Data Visualisation by Olivier LorrainData Visualisation by Olivier Lorrain
Data Visualisation by Olivier Lorrain
 
Theory of Data Visualization_Vinu
Theory of Data Visualization_VinuTheory of Data Visualization_Vinu
Theory of Data Visualization_Vinu
 
Fresh Thinking on Communicating with Data
Fresh Thinking on Communicating with DataFresh Thinking on Communicating with Data
Fresh Thinking on Communicating with Data
 
LLEF16 workshop - Mogilev, Belarus
LLEF16 workshop - Mogilev, BelarusLLEF16 workshop - Mogilev, Belarus
LLEF16 workshop - Mogilev, Belarus
 
Separating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data VisualisationSeparating Myth from Truth in Data Visualisation
Separating Myth from Truth in Data Visualisation
 
Information Visualisation - Lecture 2
Information Visualisation - Lecture 2Information Visualisation - Lecture 2
Information Visualisation - Lecture 2
 
Designing Data Visualizations to Strengthen Health Systems
Designing Data Visualizations to Strengthen Health SystemsDesigning Data Visualizations to Strengthen Health Systems
Designing Data Visualizations to Strengthen Health Systems
 
Information visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principlesInformation visualisation: 
Data ink design principles
Information visualisation: 
Data ink design principles
 
Data Visualisation and Infographic Design: 'State of the Union'
Data Visualisation and Infographic Design: 'State of the Union'Data Visualisation and Infographic Design: 'State of the Union'
Data Visualisation and Infographic Design: 'State of the Union'
 
Data Visualisation Literacy - Learning to See
Data Visualisation Literacy - Learning to SeeData Visualisation Literacy - Learning to See
Data Visualisation Literacy - Learning to See
 
The 8 Hats of Data Visualisation
The 8 Hats of Data VisualisationThe 8 Hats of Data Visualisation
The 8 Hats of Data Visualisation
 
What is big data?
What is big data?What is big data?
What is big data?
 
Go Mobile or Go Home
Go Mobile or Go HomeGo Mobile or Go Home
Go Mobile or Go Home
 
Closed loop - Software Estimation to Delivery
Closed loop - Software Estimation to DeliveryClosed loop - Software Estimation to Delivery
Closed loop - Software Estimation to Delivery
 
Etkinlikler de tıpkı insan gibidir; Doğar, Büyür, Biter | Okan Üniversitesi
Etkinlikler de tıpkı insan gibidir; Doğar, Büyür, Biter | Okan ÜniversitesiEtkinlikler de tıpkı insan gibidir; Doğar, Büyür, Biter | Okan Üniversitesi
Etkinlikler de tıpkı insan gibidir; Doğar, Büyür, Biter | Okan Üniversitesi
 
Il webcast con StreamConnect
Il webcast con StreamConnectIl webcast con StreamConnect
Il webcast con StreamConnect
 
Health 24 & Virgin Active - Leg Exercises
Health 24 & Virgin Active - Leg ExercisesHealth 24 & Virgin Active - Leg Exercises
Health 24 & Virgin Active - Leg Exercises
 
Presentation3
Presentation3Presentation3
Presentation3
 
The Drum Fauxlympics
The Drum FauxlympicsThe Drum Fauxlympics
The Drum Fauxlympics
 

Similar to Flink Labs Data Visualisation

We’re All UX: Designing a Whole Company Design Team - Giant Conf 2014
We’re All UX:  Designing a Whole Company Design Team - Giant Conf 2014We’re All UX:  Designing a Whole Company Design Team - Giant Conf 2014
We’re All UX: Designing a Whole Company Design Team - Giant Conf 2014
Phillip Hunter
 
Perceptive Analytics Unlock Value from Data Visualizations - Informs'14 Boston
Perceptive Analytics Unlock Value from Data Visualizations - Informs'14 BostonPerceptive Analytics Unlock Value from Data Visualizations - Informs'14 Boston
Perceptive Analytics Unlock Value from Data Visualizations - Informs'14 Boston
Perceptive Analytics
 

Similar to Flink Labs Data Visualisation (20)

Data Visualisation for Data journalism at Melbourne University
Data Visualisation for Data journalism at Melbourne UniversityData Visualisation for Data journalism at Melbourne University
Data Visualisation for Data journalism at Melbourne University
 
Visualizing Your Startup Pitch Deck
Visualizing Your Startup Pitch DeckVisualizing Your Startup Pitch Deck
Visualizing Your Startup Pitch Deck
 
Atlanta SQL Saturday
Atlanta SQL SaturdayAtlanta SQL Saturday
Atlanta SQL Saturday
 
We’re All UX: Designing a Whole Company Design Team - Giant Conf 2014
We’re All UX:  Designing a Whole Company Design Team - Giant Conf 2014We’re All UX:  Designing a Whole Company Design Team - Giant Conf 2014
We’re All UX: Designing a Whole Company Design Team - Giant Conf 2014
 
20150914 it smf belgium service design
20150914 it smf belgium   service design20150914 it smf belgium   service design
20150914 it smf belgium service design
 
8th TUC Meeting – Yinglong Xia (Huawei), Big Graph Analytics Engine
8th TUC Meeting – Yinglong Xia (Huawei), Big Graph Analytics Engine8th TUC Meeting – Yinglong Xia (Huawei), Big Graph Analytics Engine
8th TUC Meeting – Yinglong Xia (Huawei), Big Graph Analytics Engine
 
Best Practices for Killer Data Visualization
Best Practices for Killer Data VisualizationBest Practices for Killer Data Visualization
Best Practices for Killer Data Visualization
 
What Is Good DataViz Design?
What Is Good DataViz Design?What Is Good DataViz Design?
What Is Good DataViz Design?
 
Visual analytics
Visual analyticsVisual analytics
Visual analytics
 
Perceptive Analytics Unlock Value from Data Visualizations - Informs'14 Boston
Perceptive Analytics Unlock Value from Data Visualizations - Informs'14 BostonPerceptive Analytics Unlock Value from Data Visualizations - Informs'14 Boston
Perceptive Analytics Unlock Value from Data Visualizations - Informs'14 Boston
 
Assessing Organizational Context and Capability for UX Strategy
Assessing Organizational Context and Capability for UX StrategyAssessing Organizational Context and Capability for UX Strategy
Assessing Organizational Context and Capability for UX Strategy
 
UX STRAT 2013: Phillip Hunter, Assessing Organizational Context and Capabilit...
UX STRAT 2013: Phillip Hunter, Assessing Organizational Context and Capabilit...UX STRAT 2013: Phillip Hunter, Assessing Organizational Context and Capabilit...
UX STRAT 2013: Phillip Hunter, Assessing Organizational Context and Capabilit...
 
Info vis 4-22-2013-dc-vis-meetup-shneiderman
Info vis 4-22-2013-dc-vis-meetup-shneidermanInfo vis 4-22-2013-dc-vis-meetup-shneiderman
Info vis 4-22-2013-dc-vis-meetup-shneiderman
 
Webinar - Introduction to Data Visualisations and Analytics.
Webinar - Introduction to Data Visualisations and Analytics.Webinar - Introduction to Data Visualisations and Analytics.
Webinar - Introduction to Data Visualisations and Analytics.
 
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-shareBigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
BigData Visualization and Usecase@TDGA-Stelligence-11july2019-share
 
DataViz & Infographics: Design & Publishing Online
DataViz & Infographics: Design & Publishing OnlineDataViz & Infographics: Design & Publishing Online
DataViz & Infographics: Design & Publishing Online
 
Visual Aid Design Theory
Visual Aid Design TheoryVisual Aid Design Theory
Visual Aid Design Theory
 
From Data to Visualization, what happens in between?
From Data to Visualization, what happens in between?From Data to Visualization, what happens in between?
From Data to Visualization, what happens in between?
 
Powerhouse Factories, Data Analysis
Powerhouse Factories, Data AnalysisPowerhouse Factories, Data Analysis
Powerhouse Factories, Data Analysis
 
STING: Spatio-Temporal Interaction Networks and Graphs for Intel Platforms
STING: Spatio-Temporal Interaction Networks and Graphs for Intel PlatformsSTING: Spatio-Temporal Interaction Networks and Graphs for Intel Platforms
STING: Spatio-Temporal Interaction Networks and Graphs for Intel Platforms
 

Recently uploaded

一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
thubko
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
Sarbjit Bahga
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
ajroy0196
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
Amil baba
 
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
pillahdonald
 

Recently uploaded (20)

Real Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxReal Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptx
 
Top 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptxTop 10 Website Designing Hacks for Beginners.pptx.pptx
Top 10 Website Designing Hacks for Beginners.pptx.pptx
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
Digital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdfDigital Marketing Company in Bangalore.pdf
Digital Marketing Company in Bangalore.pdf
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdfECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
ECHOES OF GENIUS - A Tribute to Nari Gandhi's Architectural Legacy. .pdf
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(ArtEZ毕业证书)ArtEZ艺术学院毕业证成绩单本科硕士学位证留信学历认证
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
100^%)( KATLEHONG))(*((+27838792658))*))௹ )Abortion Pills for Sale in Doha, D...
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 

Flink Labs Data Visualisation