SlideShare a Scribd company logo
1 of 114
#dcdataviz   Dave Leonard, Phase2 Technology
What I Do
Solutions Architect at Phase2 working on




     #dcdataviz
What I Do
  Solutions Architect at Phase2 working on


                       •
• Requirements ElicitationUser Exp and Info Arch Customer Training
                                               •
• Drupal Consulting   • Content Migration Planning Stuff (QA)
                                             • Break



         #dcdataviz
What I Don’t Do


  #dcdataviz
What I Don’t Do
            Write code
          Act pretentious




  #dcdataviz
Why We’re Here
  Data visualization concepts, strategies,
examples and tools (primarily open-source)




       #dcdataviz
The Challenge
Massive amounts of data becoming available, how do we
                make sense of it all?




            #dcdataviz
The Challenge
Massive amounts of data becoming available, how do we
                make sense of it all?

   Semantic Web                   Open      Better Methods
                               Government      (i.e. APIs)
                                and Other




                  #dcdataviz
Data vs Display
“What” variables were measured vs “how” you
           visually represent them




       #dcdataviz
Types of Data
 Quantitative and qualitative




 #dcdataviz              Data vs Display
Quantitative Data
  Precise, standardized numerical
           measurements




   #dcdataviz              Data vs Display
Quantitative Data
       Precise, standardized numerical
                measurements
3.75 mph           98° 17’ 15” N, 45°       9.85 mi
 average                10’ 6” W




           #dcdataviz                   Data vs Display
Qualitative Data
Categorical data with varying degrees of
               precision




     #dcdataviz               Data vs Display
Qualitative Data
         Categorical data with varying degrees of
                        precision
 40% of Arlington
                                  60% of               87% of DC
    residents are
                                Arlington              residents
satisfied with their
                              residents vote
  living situation




                 #dcdataviz                    Data vs Display
Using Qualitative
      Data
 Establish a quantifiable spectrum for
      collection and presentation




    #dcdataviz               Data vs Display
Using Qualitative
      Data
 Establish a quantifiable spectrum for
      collection andhow satisfied are
      On a 1 - 10 scale,
                         presentation
         you with living in Arlington?

    (1 = not satisfied, 5 = somewhat satisfied,
             10 = extremely satisfied)




    #dcdataviz                           Data vs Display
Display
“How” dimensions are visually represented (other than
                        text)




            #dcdataviz              Data vs Display
Display
“How” dimensions are visually represented (other than
                        text)
  Width         Position       Color*               Icons

  Length        Radius         Opacity             Shapes




            #dcdataviz                   Data vs Display
Data + Display
Mapping data dimensions to visual representations
                  intuitively




          #dcdataviz
FATA: Inside Pakistan’s Tribal Regions
 http://preparedness.interaction.org/


#dcdataviz                       Data + Display
FATA: Inside Pakistan’s Tribal Regions
  http://preparedness.interaction.org/

#dcdataviz                         Data + Display
Visual Noise
Excessive visual stimuli that distract from the intended
                        purpose




             #dcdataviz
#dcdataviz   Visual Noise
“
                           The most
important consideration when
designing for efficiency is that
every bit of visual content will
make it take longer to find any
particular element in thefrom “Beautiful
        - Noah Iliinsky, excerpted
visualization.
          Visualization: How To Make it Efficient”
                              http://is.gd/Qc1BWF




         #dcdataviz                    Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
“
                          You’re showing
me a lot, but what are you trying
to say?Your Brain, excerpted from “Why Should I
     -
                Care About What I’m Looking At?”




        #dcdataviz                   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
#dcdataviz   Visual Noise
Presentations
Demonstrative vs investigative visualizations




       #dcdataviz
Presentations
       Demonstrative vs investigative visualizations

Less                                                   More
User                                                   User
         Demonstrative               Investigative



              #dcdataviz
Demonstrative
AUTHOR dictates your conclusions




  #dcdataviz
#dcdataviz   Demonstrative Presentations
#dcdataviz   Demonstrative Presentations
#dcdataviz   Demonstrative Presentations
#dcdataviz   Demonstrative Presentations
#dcdataviz   Demonstrative Presentations
Investigative
Empowering YOU to draw your own conclusions




        #dcdataviz
#dcdataviz   Investigative Presentations
#dcdataviz   Investigative Presentations
#dcdataviz   Investigative Presentations
#dcdataviz   Investigative Presentations
#dcdataviz   Investigative Presentations
#dcdataviz   Investigative Presentations
#dcdataviz   Investigative Presentations
Pave The Way
Compelling demonstration spurs investigation




        #dcdataviz
#dcdataviz   Pave The Way
#dcdataviz   Pave The Way
#dcdataviz   Pave The Way
#dcdataviz   Pave The Way
#dcdataviz   Pave The Way
#dcdataviz   Pave The Way
#dcdataviz   Pave The Way
Tools Used
amCharts - Flash and Javascript/HTML5




     #dcdataviz              Pave The Way
Tools Used
amCharts - Flash and Javascript/HTML5




     #dcdataviz              Pave The Way
Tools Used
amCharts - Flash and Javascript/HTML5




     #dcdataviz              Pave The Way
Open Source
Effective presentations built using freely-available,
                 collaborative code




           #dcdataviz
Mapping
   Using open source tools




#dcdataviz
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
Tools




#dcdataviz   Open Source Mapping
Tools
MapBox, TileMill, and Tilestream

Highlighted
Features:
• Attractive, custom
tile designs

• Cloud-based
storage/delivery of
tiles

• iPad compatibility
for offline viewing

Learn More:
               #dcdataviz   Open Source Mapping
More MapBox


 #dcdataviz
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   Open Source Mapping
#dcdataviz   More MapBox
#dcdataviz   More MapBox
#dcdataviz   More MapBox
#dcdataviz   More MapBox
#dcdataviz   More MapBox
Charting


#dcdataviz
#dcdataviz   Open Source Charting
Candlestick Chart

#dcdataviz          Open Source Charting
Tools
jqPlot - A plotting and charting plugin for the
jQuery Javascript framework
Highlighted              Candlestick Chart Code Sample:
Features:
• Tool tip support
• Drag and drop of
data points in UI

• Computed trend
lines

Learn More:


            #dcdataviz             Open Source Charting
Trending


#dcdataviz
#dcdataviz   Open Source Trending
#dcdataviz   Open Source Trending
#dcdataviz   Open Source Trending
#dcdataviz   Open Source Trending
#dcdataviz   Open Source Trending
Tools Used
flot - jQuery-based Javascript library

Highlighted              Learn More:
Features:
                         http://code.google.com/p/flot
• Drupal integration
via Flot module          Development Seed Blog Post
                         http://is.gd/LvYXsM
• Interactive charts
with tooltip support

• Panning and
zooming capabilities




            #dcdataviz      Open Source Trending
Timelines


#dcdataviz
#dcdataviz   Open Source Timelines
Timeplot - SIMILE Project

#dcdataviz        Open Source Timelines
Timeplot - SIMILE Project

#dcdataviz        Open Source Timelines
Tools Used
Timeplot - DHTML/AJAX-based widget for
plotting time series and overlay time-based
Highlighted               Code Sample:
Features:
• Timelines
• Graphing
• Layering of event
timelines with data
trending

Learn More:


             #dcdataviz           Open Source Timelines
Infographics


#dcdataviz
#dcdataviz   Open Source Infographics
#dcdataviz   Open Source Infographics
#dcdataviz   Open Source Infographics
Wrap-Up


#dcdataviz
Takeaways




#dcdataviz
Takeaways
• Know your audience and be realistic about




        #dcdataviz
Takeaways
• Know your audience and be realistic about
• Plan your presentation, THEN figure out what
tools you need to execute it.




        #dcdataviz
Takeaways
• Know your audience and be realistic about
• Plan your presentation, THEN figure out what
tools you need to execute it.
• Attractive visuals are useless without clearly-
defined and executed goals




        #dcdataviz
Takeaways
• Know your audience and be realistic about
• Plan your presentation, THEN figure out what
tools you need to execute it.
• Attractive visuals are useless without clearly-
defined and executed goals
• An abundance of highly-capable, open-source
tools is available for you to use and improve.




        #dcdataviz
Thank You!
Thanks to all who attended, and to these
 organizations who made this possible:




     #dcdataviz

More Related Content

Viewers also liked

Zara's Fast-Fashion Edge
Zara's Fast-Fashion EdgeZara's Fast-Fashion Edge
Zara's Fast-Fashion Edge
Phi Jack
 
Automation Open Source tools
Automation Open Source toolsAutomation Open Source tools
Automation Open Source tools
QA Club Kiev
 
Managing the Cloud with Open Source Tools
Managing the Cloud with Open Source ToolsManaging the Cloud with Open Source Tools
Managing the Cloud with Open Source Tools
Nakul Ezhuthupally
 
Threat Intelligence with Open Source Tools - Cornerstones of Trust 2014
Threat Intelligence with Open Source Tools - Cornerstones of Trust 2014Threat Intelligence with Open Source Tools - Cornerstones of Trust 2014
Threat Intelligence with Open Source Tools - Cornerstones of Trust 2014
Santiago Bassett
 

Viewers also liked (19)

Developing for Developers
Developing for DevelopersDeveloping for Developers
Developing for Developers
 
RubyonRails Development
RubyonRails DevelopmentRubyonRails Development
RubyonRails Development
 
Top programming languages in open source software
Top programming languages in open source softwareTop programming languages in open source software
Top programming languages in open source software
 
Open source Tools and Frameworks for M2M - Sierra Wireless Developer Days
Open source Tools and Frameworks for M2M - Sierra Wireless Developer DaysOpen source Tools and Frameworks for M2M - Sierra Wireless Developer Days
Open source Tools and Frameworks for M2M - Sierra Wireless Developer Days
 
Agile2011 20min-final
Agile2011 20min-finalAgile2011 20min-final
Agile2011 20min-final
 
11 Tools for your Open Source devops stack
11 Tools for your Open Source devops stack 11 Tools for your Open Source devops stack
11 Tools for your Open Source devops stack
 
Volunteering at YouSee on Technology Support
Volunteering at YouSee on Technology SupportVolunteering at YouSee on Technology Support
Volunteering at YouSee on Technology Support
 
Handout: 'Open Source Tools & Resources'
Handout: 'Open Source Tools & Resources'Handout: 'Open Source Tools & Resources'
Handout: 'Open Source Tools & Resources'
 
Mongo db - How we use Go and MongoDB by Sam Helman
Mongo db - How we use Go and MongoDB by Sam HelmanMongo db - How we use Go and MongoDB by Sam Helman
Mongo db - How we use Go and MongoDB by Sam Helman
 
Zara's Fast-Fashion Edge
Zara's Fast-Fashion EdgeZara's Fast-Fashion Edge
Zara's Fast-Fashion Edge
 
Deploying, Managing, and Leveraging Honeypots in the Enterprise using Open So...
Deploying, Managing, and Leveraging Honeypots in the Enterprise using Open So...Deploying, Managing, and Leveraging Honeypots in the Enterprise using Open So...
Deploying, Managing, and Leveraging Honeypots in the Enterprise using Open So...
 
Automation Open Source tools
Automation Open Source toolsAutomation Open Source tools
Automation Open Source tools
 
Data Visualization
Data Visualization Data Visualization
Data Visualization
 
Managing the Cloud with Open Source Tools
Managing the Cloud with Open Source ToolsManaging the Cloud with Open Source Tools
Managing the Cloud with Open Source Tools
 
Open Source Tool Chains for Cloud Computing
Open Source Tool Chains for Cloud ComputingOpen Source Tool Chains for Cloud Computing
Open Source Tool Chains for Cloud Computing
 
Threat Intelligence with Open Source Tools - Cornerstones of Trust 2014
Threat Intelligence with Open Source Tools - Cornerstones of Trust 2014Threat Intelligence with Open Source Tools - Cornerstones of Trust 2014
Threat Intelligence with Open Source Tools - Cornerstones of Trust 2014
 
ITIL compliant Open Source tools
ITIL compliant Open Source toolsITIL compliant Open Source tools
ITIL compliant Open Source tools
 
Achieving DevOps using Open Source Tools in the Enterprise
Achieving DevOps using Open Source Tools in the EnterpriseAchieving DevOps using Open Source Tools in the Enterprise
Achieving DevOps using Open Source Tools in the Enterprise
 
Open Source Tools & Data Science Competitions
Open Source Tools & Data Science Competitions Open Source Tools & Data Science Competitions
Open Source Tools & Data Science Competitions
 

Similar to Data Visualization Strategies & Open Source Tools

2012 kids count data workshop
2012  kids count data workshop2012  kids count data workshop
2012 kids count data workshop
Laila Bell
 
Devopsdays State of the Union Amsterdam 2014
Devopsdays State of the Union Amsterdam 2014 Devopsdays State of the Union Amsterdam 2014
Devopsdays State of the Union Amsterdam 2014
John Willis
 

Similar to Data Visualization Strategies & Open Source Tools (20)

2012 kids count data workshop
2012  kids count data workshop2012  kids count data workshop
2012 kids count data workshop
 
Event-Driven Design (at O'Reilly Software Architecture conference, NYC, Feb 2...
Event-Driven Design (at O'Reilly Software Architecture conference, NYC, Feb 2...Event-Driven Design (at O'Reilly Software Architecture conference, NYC, Feb 2...
Event-Driven Design (at O'Reilly Software Architecture conference, NYC, Feb 2...
 
Dfuzr d3 Abstraction
Dfuzr d3 AbstractionDfuzr d3 Abstraction
Dfuzr d3 Abstraction
 
Responsive Web Design presentation at the Fort Wayne AdFed
Responsive Web Design presentation at the Fort Wayne AdFedResponsive Web Design presentation at the Fort Wayne AdFed
Responsive Web Design presentation at the Fort Wayne AdFed
 
Devopsdays State of the Union Amsterdam 2014
Devopsdays State of the Union Amsterdam 2014 Devopsdays State of the Union Amsterdam 2014
Devopsdays State of the Union Amsterdam 2014
 
Goal-Driven Design: A Bauhaus Approach to Digital Strategy
Goal-Driven Design: A Bauhaus Approach to Digital StrategyGoal-Driven Design: A Bauhaus Approach to Digital Strategy
Goal-Driven Design: A Bauhaus Approach to Digital Strategy
 
You’ve Only Got Two Eyeballs: Designing Products for the Responsive Web
You’ve Only Got Two Eyeballs: Designing Products for the Responsive WebYou’ve Only Got Two Eyeballs: Designing Products for the Responsive Web
You’ve Only Got Two Eyeballs: Designing Products for the Responsive Web
 
Beer&Tech: Tech Documentation - cod == doc
Beer&Tech: Tech Documentation - cod == docBeer&Tech: Tech Documentation - cod == doc
Beer&Tech: Tech Documentation - cod == doc
 
Communifix Case Study - Events, Pavillion & Activations - Aug 2018
Communifix Case Study - Events, Pavillion & Activations - Aug 2018Communifix Case Study - Events, Pavillion & Activations - Aug 2018
Communifix Case Study - Events, Pavillion & Activations - Aug 2018
 
BDD in Action - Devoxx 2014
BDD in Action - Devoxx 2014BDD in Action - Devoxx 2014
BDD in Action - Devoxx 2014
 
Developing SEO audits that maximize growth #dmssconference
Developing SEO audits that maximize growth #dmssconferenceDeveloping SEO audits that maximize growth #dmssconference
Developing SEO audits that maximize growth #dmssconference
 
Workshop – UI audit of Mall.cz – May 2019, Brno
Workshop – UI audit of Mall.cz – May 2019, BrnoWorkshop – UI audit of Mall.cz – May 2019, Brno
Workshop – UI audit of Mall.cz – May 2019, Brno
 
Data Engineer Intro - WeCloudData
Data Engineer Intro - WeCloudDataData Engineer Intro - WeCloudData
Data Engineer Intro - WeCloudData
 
Surviving Your Tech Stack
Surviving Your Tech StackSurviving Your Tech Stack
Surviving Your Tech Stack
 
AVEVA World Conference NA - Graham Dalton, LFM
AVEVA World Conference NA - Graham Dalton, LFMAVEVA World Conference NA - Graham Dalton, LFM
AVEVA World Conference NA - Graham Dalton, LFM
 
SkyQ Infotech Company Profile
SkyQ Infotech Company ProfileSkyQ Infotech Company Profile
SkyQ Infotech Company Profile
 
Notes (2012-06-08)
Notes (2012-06-08)Notes (2012-06-08)
Notes (2012-06-08)
 
Using datawrapper mirko lorenz
Using datawrapper   mirko lorenzUsing datawrapper   mirko lorenz
Using datawrapper mirko lorenz
 
Sagit Siegal - All Things DATA 2017
Sagit Siegal - All Things DATA 2017Sagit Siegal - All Things DATA 2017
Sagit Siegal - All Things DATA 2017
 
Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...
Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...
Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...
 

More from Phase2

A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
Phase2
 
The Yes, No, and Maybe of "Can We Build That With Drupal?"
The Yes, No, and Maybe of "Can We Build That With Drupal?"The Yes, No, and Maybe of "Can We Build That With Drupal?"
The Yes, No, and Maybe of "Can We Build That With Drupal?"
Phase2
 

More from Phase2 (20)

Phase2 Health and Wellness Brochure
Phase2 Health and Wellness BrochurePhase2 Health and Wellness Brochure
Phase2 Health and Wellness Brochure
 
A Modern Digital Experience Platform
A Modern Digital Experience PlatformA Modern Digital Experience Platform
A Modern Digital Experience Platform
 
Beyond websites: A Modern Digital Experience Platform
Beyond websites: A Modern Digital Experience PlatformBeyond websites: A Modern Digital Experience Platform
Beyond websites: A Modern Digital Experience Platform
 
Omnichannel For Government
Omnichannel For Government Omnichannel For Government
Omnichannel For Government
 
Bad camp2016 Release Management On Live Websites
Bad camp2016 Release Management On Live WebsitesBad camp2016 Release Management On Live Websites
Bad camp2016 Release Management On Live Websites
 
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
A FUTURE-FOCUSED DIGITAL PLATFORM WITH DRUPAL 8
 
The Future of Digital Storytelling - Phase2 Talk
The Future of Digital Storytelling - Phase2 TalkThe Future of Digital Storytelling - Phase2 Talk
The Future of Digital Storytelling - Phase2 Talk
 
Site building with end user in mind
Site building with end user in mindSite building with end user in mind
Site building with end user in mind
 
Fields, entities, lists, oh my!
Fields, entities, lists, oh my!Fields, entities, lists, oh my!
Fields, entities, lists, oh my!
 
Performance Profiling Tools and Tricks
Performance Profiling Tools and TricksPerformance Profiling Tools and Tricks
Performance Profiling Tools and Tricks
 
NORTH CAROLINA Open Source, OpenPublic, OpenShift
NORTH CAROLINA Open Source, OpenPublic, OpenShiftNORTH CAROLINA Open Source, OpenPublic, OpenShift
NORTH CAROLINA Open Source, OpenPublic, OpenShift
 
Drupal 8 for Enterprise: D8 in a Changing Digital Landscape
Drupal 8 for Enterprise: D8 in a Changing Digital LandscapeDrupal 8 for Enterprise: D8 in a Changing Digital Landscape
Drupal 8 for Enterprise: D8 in a Changing Digital Landscape
 
Riding the Drupal Wave: The Future for Drupal and Open Source Content Manage...
Riding the Drupal Wave:  The Future for Drupal and Open Source Content Manage...Riding the Drupal Wave:  The Future for Drupal and Open Source Content Manage...
Riding the Drupal Wave: The Future for Drupal and Open Source Content Manage...
 
Site Building with the End User in Mind
Site Building with the End User in MindSite Building with the End User in Mind
Site Building with the End User in Mind
 
The Yes, No, and Maybe of "Can We Build That With Drupal?"
The Yes, No, and Maybe of "Can We Build That With Drupal?"The Yes, No, and Maybe of "Can We Build That With Drupal?"
The Yes, No, and Maybe of "Can We Build That With Drupal?"
 
User Testing For Humanitarian ID App
User Testing For Humanitarian ID AppUser Testing For Humanitarian ID App
User Testing For Humanitarian ID App
 
Redhat.com: An Architectural Case Study
Redhat.com: An Architectural Case StudyRedhat.com: An Architectural Case Study
Redhat.com: An Architectural Case Study
 
The New Design Workflow
The New Design WorkflowThe New Design Workflow
The New Design Workflow
 
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)
Drupal 8, Don’t Be Late (Enterprise Orgs, We’re Looking at You)
 
Memorial Sloan Kettering: Adventures in Drupal 8
Memorial Sloan Kettering: Adventures in Drupal 8Memorial Sloan Kettering: Adventures in Drupal 8
Memorial Sloan Kettering: Adventures in Drupal 8
 

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Recently uploaded (20)

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 

Data Visualization Strategies & Open Source Tools

Editor's Notes

  1. Welcome, and thanks for coming out this evening.\n\nI haven’t had the pleasure of meeting many of you, so I’d like to start off by introducing myself so that you have an idea of where I’m coming from.\n
  2. My formal education was in biological engineering, but I’ve always had an interest in information technology. \n\nMy first job out of school was working at a DNA lab helping to build custom software used for automated sample tracking and profile extraction.\n\nMy current job primarily involves eliciting requirements, driving stakeholder consensus, exposing risks and dependencies, defining the nature of user interactions, laying the groundwork for information architecture, and generally laying the tracks out in front of our developers so that they can proceed unencumbered.\n
  3. My formal education was in biological engineering, but I’ve always had an interest in information technology. \n\nMy first job out of school was working at a DNA lab helping to build custom software used for automated sample tracking and profile extraction.\n\nMy current job primarily involves eliciting requirements, driving stakeholder consensus, exposing risks and dependencies, defining the nature of user interactions, laying the groundwork for information architecture, and generally laying the tracks out in front of our developers so that they can proceed unencumbered.\n
  4. My formal education was in biological engineering, but I’ve always had an interest in information technology. \n\nMy first job out of school was working at a DNA lab helping to build custom software used for automated sample tracking and profile extraction.\n\nMy current job primarily involves eliciting requirements, driving stakeholder consensus, exposing risks and dependencies, defining the nature of user interactions, laying the groundwork for information architecture, and generally laying the tracks out in front of our developers so that they can proceed unencumbered.\n
  5. I’m not a developer, but I have a natural curiosity and want to know how things work on a conceptual level.\n\nI’m here to talk about things I’ve learned, trends I’m seeing, and experiences I’ve had.\n\nMy goal is to make sure that everyone here leaves with something tangible that they can use, or a perspective that helps them think about things a different way.\n
  6. I’m not a developer, but I have a natural curiosity and want to know how things work on a conceptual level.\n\nI’m here to talk about things I’ve learned, trends I’m seeing, and experiences I’ve had.\n\nMy goal is to make sure that everyone here leaves with something tangible that they can use, or a perspective that helps them think about things a different way.\n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. Degree of Satisfaction = Bar Color\nNumber of Respondents = Bar Width\n
  30. Number of Drone Strikes ➔ Radius + Opacity\nPakistani Support for Drone Strikes ➔ Saturation\nPresident who Ordered Drone Strikes ➔ Color \n
  31. \n
  32. Don’t blame your data, blame your design.\n
  33. Don’t blame your data, blame your design.\n
  34. Don’t blame your data, blame your design.\n
  35. Don’t blame your data, blame your design.\n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
  43. Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
  44. Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
  45. Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
  46. Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
  47. Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
  48. Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
  49. Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
  50. Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
  51. Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. Daily Media Diet - Wired Magazine\nhttp://is.gd/IrRoHZ\n
  61. Daily Media Diet - Wired Magazine\nhttp://is.gd/IrRoHZ\n
  62. Daily Media Diet - Wired Magazine\nhttp://is.gd/IrRoHZ\n
  63. Demonstrations can be interactive in a literal sense, in that you can touch/feel/use them.\n\nEuclidian solid geometry visualization shown in Tufte’s “Beautiful Evidence”\n
  64. \n
  65. Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
  66. Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
  67. Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
  68. Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
  69. Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
  70. \n
  71. \n
  72. \n
  73. How do you cater to the average attention span while still allowing those who are interested to really dive deep?\n
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. Here are some screenshots from a chart editing UI that someone like myself might use to work with a client to design a chart to be implemented.\n
  86. Here are some screenshots from a chart editing UI that someone like myself might use to work with a client to design a chart to be implemented.\n
  87. Here are some screenshots from a chart editing UI that someone like myself might use to work with a client to design a chart to be implemented.\n
  88. \n
  89. \n
  90. Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
  91. Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
  92. Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
  93. Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
  94. Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
  95. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  96. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  97. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  98. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  99. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  100. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  101. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  102. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  103. Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
  104. MapBox provides a suite of open source tools and services for creating and using custom maps in the cloud.\n\n\nTileMill leverages OpenLayers, Carto, and Mapnik (C++ based mapping application toolkit)\n\nAt Phase2, I worked on a data visualization project with a high-profile federal agency that utilized MapBox and OpenLayers to display state-specific data related to job creation stemming from the Recovery Act legislation.\n\nWe automatically generated the locations of blog posts using natural language processing and semantic tagging provided by a freely-available service called Open Calais, provided by Thomson Reuters.\n\n
  105. MapBox provides a suite of open source tools and services for creating and using custom maps in the cloud.\n\n\nTileMill leverages OpenLayers, Carto, and Mapnik (C++ based mapping application toolkit)\n\nAt Phase2, I worked on a data visualization project with a high-profile federal agency that utilized MapBox and OpenLayers to display state-specific data related to job creation stemming from the Recovery Act legislation.\n\nWe automatically generated the locations of blog posts using natural language processing and semantic tagging provided by a freely-available service called Open Calais, provided by Thomson Reuters.\n\n
  106. MapBox provides a suite of open source tools and services for creating and using custom maps in the cloud.\n\n\nTileMill leverages OpenLayers, Carto, and Mapnik (C++ based mapping application toolkit)\n\nAt Phase2, I worked on a data visualization project with a high-profile federal agency that utilized MapBox and OpenLayers to display state-specific data related to job creation stemming from the Recovery Act legislation.\n\nWe automatically generated the locations of blog posts using natural language processing and semantic tagging provided by a freely-available service called Open Calais, provided by Thomson Reuters.\n\n
  107. \n
  108. Map from Japanearthquakerecovery.org, a project of the Business Civic Leadership Center.\n\nUses open data from USGS and tile designs built with TileMill, an open-source map tile design studio.\n
  109. Map from Japanearthquakerecovery.org, a project of the Business Civic Leadership Center.\n\nUses open data from USGS and tile designs built with TileMill, an open-source map tile design studio.\n
  110. Map from Japanearthquakerecovery.org, a project of the Business Civic Leadership Center.\n\nUses open data from USGS and tile designs built with TileMill, an open-source map tile design studio.\n
  111. \n
  112. \n
  113. \n
  114. \n
  115. \n
  116. \n
  117. \n
  118. \n
  119. \n
  120. \n
  121. This is a visualization tool that we’re considering using for an upcoming project for a client in the financial services industry.\n
  122. \n
  123. \n
  124. \n
  125. \n
  126. \n
  127. \n
  128. \n
  129. \n
  130. \n
  131. \n
  132. During World War 1, it became more difficult for people from Europe to emigrate.\n\nAfter World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward.\n\nThey reached their lowest point during the Great Depression.\n
  133. During World War 1, it became more difficult for people from Europe to emigrate.\n\nAfter World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward.\n\nThey reached their lowest point during the Great Depression.\n
  134. During World War 1, it became more difficult for people from Europe to emigrate.\n\nAfter World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward.\n\nThey reached their lowest point during the Great Depression.\n
  135. During World War 1, it became more difficult for people from Europe to emigrate.\n\nAfter World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward.\n\nThey reached their lowest point during the Great Depression.\n
  136. \n
  137. \n
  138. This is a guy who took a trip Zlatibor, a mountain in Serbia.\n\nhttp://www.brankovukelic.com/post/849444944/zlatibor-breathgiving-infographics\n\nInkscape - one of the leading open source SVG graphics editors\n
  139. This is a guy who took a trip Zlatibor, a mountain in Serbia.\n\nhttp://www.brankovukelic.com/post/849444944/zlatibor-breathgiving-infographics\n\nInkscape - one of the leading open source SVG graphics editors\n
  140. \n
  141. \n
  142. \n
  143. \n
  144. \n
  145. \n
  146. \n
  147. \n
  148. \n