SlideShare a Scribd company logo
1 of 52
#dcdataviz          Dave Leonard, Phase2 Technology
Friday, April 22, 2011

Welcome everyone, and thanks for coming out this evening.

I 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.
What I Do
                         Solutions Architect at Phase2 working on large-scale Drupal implementations


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



                                          #dcdataviz
Friday, April 22, 2011

My formal education was in biological engineering, but I’ve always had an interest in
information technology.

My first job out of school was working at a DNA lab helping to build custom software used
for automated sample tracking and profile extraction.

My 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.
What I Don’t Do
                                          Write code
                                        Act pretentious




                           #dcdataviz
Friday, April 22, 2011

I’m not a developer, but I have a natural curiosity and want to know how things work on a
conceptual level.

I’m here to talk about things I’ve learned, trends I’m seeing, and experiences I’ve had.

My 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.
Why We’re Here
                 Data visualization concepts, strategies, examples and tools (primarily open-source)




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

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




                                     #dcdataviz
Friday, April 22, 2011
Data vs Display
                         “What” variables were measured vs “how” you visually represent them




                                  #dcdataviz
Friday, April 22, 2011
Types of Data
                                       Quantitative and qualitative




                          #dcdataviz                                  Data vs Display
Friday, April 22, 2011
Quantitative
                                    Data
                                         Precise, standardized numerical measurements

                    3.75 mph average                98° 17’ 15” N, 45° 10’ 6” W         9.85 mi traveled
                          speed




                                       #dcdataviz                                 Data vs Display
Friday, April 22, 2011
Qualitative Data
                                     Categorical data with varying degrees of precision

        40% of Arlington residents are              60% of Arlington residents            87% of DC residents
          satisfied with their living                    vote Democrat                      are US Citizens
                   situation




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

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




                                #dcdataviz                                                       Data vs Display
Friday, April 22, 2011
Display
                          “How” dimensions are visually represented (other than text)

                  Width             Position (x,y,z)              Color*                Icons

                 Length                    Radius                 Opacity               Shapes




                              #dcdataviz                                    Data vs Display
Friday, April 22, 2011
Data + Display
                         Mapping data dimensions to visual representations intuitively




                              #dcdataviz
Friday, April 22, 2011
FATA: Inside Pakistan’s Tribal Regions
                                      http://preparedness.interaction.org/


                         #dcdataviz                                            Data + Display
Friday, April 22, 2011

Degree of Satisfaction = Bar Color
Number of Respondents = Bar Width
FATA: Inside Pakistan’s Tribal Regions
                                      http://preparedness.interaction.org/

                         #dcdataviz                                            Data + Display
Friday, April 22, 2011

Number of Drone Strikes ➔ Radius + Opacity
Pakistani Support for Drone Strikes ➔ Saturation
President who Ordered Drone Strikes ➔ Color
Visual Noise
                         Excessive visual stimuli that distract from the intended purpose




                               #dcdataviz
Friday, April 22, 2011
“
                                   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 the
                  visualization.
                          - Noah Iliinsky, excerpted from “Beautiful Visualization: How To Make it Efficient”
                                                                                       http://is.gd/Qc1BWF




                               #dcdataviz                                               Visual Noise
Friday, April 22, 2011

Don’t blame your data, blame your design.
#dcdataviz   Visual Noise
Friday, April 22, 2011
“
                                      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
Friday, April 22, 2011
#dcdataviz                                Visual Noise
Friday, April 22, 2011

Here’s a resume that was done as an infographic. Pretty cool idea, right?

Apologies in advance to Michael, because I’m going to pick on him a bit.

What are we trying to prove here? Maybe this is unintentionally revealing?
#dcdataviz                                  Visual Noise
Friday, April 22, 2011

Is this Noise?

Depends on the context of the audience and how the content is delivered.

If you are already in a particular station, you probably see a “you are here” symbol on the
map.

You 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.

Zoom in on a region

This 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.

An 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.
Presentations
                                 Demonstrative vs investigative visualizations

      Less User                                                                          More User
        Time                                                                               Time
                         Demonstrative                                   Investigative



                              #dcdataviz
Friday, April 22, 2011
Demonstrative
                                       AUTHOR dictates your conclusions




                          #dcdataviz
Friday, April 22, 2011
#dcdataviz   Demonstrative Presentations
Friday, April 22, 2011

Daily Media Diet - Wired Magazine
http://is.gd/IrRoHZ
#dcdataviz           Demonstrative Presentations
Friday, April 22, 2011

Demonstrations can be interactive in a literal sense, in that you can touch/feel/use them.

Euclidian solid geometry visualization shown in Tufte’s “Beautiful Evidence”
Investigative
                            Empowering YOU to draw your own conclusions




                          #dcdataviz
Friday, April 22, 2011
#dcdataviz            Investigative Presentations
Friday, April 22, 2011

Akamai Real-Time Global Network Traffic Monitor
http://is.gd/1Oueyq

Author 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.

You draw your own conclusions from it...for example “it looks like recent network attacks are
most concentrated on the eastern seaboard.”
#dcdataviz   Investigative Presentations
Friday, April 22, 2011
Pave The Way
                             Compelling demonstration spurs investigation




                          #dcdataviz
Friday, April 22, 2011

How do you cater to the average attention span while still allowing those who are interested
to really dive deep?
#dcdataviz   Pave The Way
Friday, April 22, 2011
Tools Used
                         amCharts - Flash and Javascript/HTML5 charts, NOT open source




                               #dcdataviz                                 Pave The Way
Friday, April 22, 2011

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.
Open Source
                         Effective presentations built using freely-available, collaborative code




                                  #dcdataviz
Friday, April 22, 2011
Mapping
                                      Using open source tools




                         #dcdataviz
Friday, April 22, 2011
#dcdataviz                 Open Source Mapping
Friday, April 22, 2011

Pandemic Preparedness map for joint project of InterAction and USAID, showing public health
programs in vulnerable areas.

http://preparedness.interaction.org/

Map created by Development Seed, an open source development company that focuses on
building communication and visualization tools.

We work with Development Seed on several projects. I worked closely with them on the World
Food Programme’s main site, wfp.org.
#dcdataviz    Open Source Mapping
Friday, April 22, 2011

Aid Projects in Haiti
http://preparedness.interaction.org/
Tools
                  MapBox, TileMill, and Tilestream

                  Highlighted Features:
                  • Attractive, custom tile designs
                  • Cloud-based storage/delivery of tiles
                  • iPad compatibility for offline viewing
                  Learn More:
                  • http://www.mapbox.com
                  • http://www.developmentseed.com

                                        #dcdataviz               Open Source Mapping
Friday, April 22, 2011

MapBox provides a suite of open source tools and services for creating and using custom
maps in the cloud.


TileMill leverages OpenLayers, Carto, and Mapnik (C++ based mapping application toolkit)

At 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.

We 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.
More MapBox


                          #dcdataviz
Friday, April 22, 2011
#dcdataviz                  Open Source Mapping
Friday, April 22, 2011

Map from Japanearthquakerecovery.org, a project of the Business Civic Leadership Center.

Uses open data from USGS and tile designs built with TileMill, an open-source map tile
design studio.
#dcdataviz   More MapBox
Friday, April 22, 2011
Charting


                         #dcdataviz
Friday, April 22, 2011
Candlestick Chart

                         #dcdataviz                   Open Source Charting
Friday, April 22, 2011
Tools
                  jqPlot - A plotting and charting plugin for the jQuery Javascript framework

                  Highlighted Features:                  Candlestick Chart Code Sample:
                  • Tool tip support
                  • Drag and drop of data points in UI
                  • Computed trend lines
                  Learn More:
                  • http://is.gd/G3qXxT



                                       #dcdataviz                          Open Source Charting
Friday, April 22, 2011

This is a visualization tool that we’re considering using for an upcoming project for a client in
the financial services industry.
Trending


                         #dcdataviz
Friday, April 22, 2011
#dcdataviz   Open Source Trending
Friday, April 22, 2011
Tools Used
                  flot - jQuery-based Javascript library

                  Highlighted Features:                    Learn More:
                  • Drupal integration via Flot module     http://code.google.com/p/flot

                  • Interactive charts with tooltip        Development Seed Blog Post
                  support                                  http://is.gd/LvYXsM

                  • Panning and zooming capabilities




                                       #dcdataviz              Open Source Trending
Friday, April 22, 2011
Timelines


                         #dcdataviz
Friday, April 22, 2011
Timeplot - SIMILE Project

                         #dcdataviz                      Open Source Timelines
Friday, April 22, 2011

During World War 1, it became more difficult for people from Europe to emigrate.

After World War 1, more restrictive legislation on immigration was put into place, which kept
immigration levels lower moving forward.

They reached their lowest point during the Great Depression.
Tools Used
                  Timeplot - DHTML/AJAX-based widget for plotting time series and overlay time-
                  based events over them
                  Highlighted Features:                     Code Sample:
                  • Timelines
                  • Graphing
                  • Layering of event timelines with data
                  trending

                  Learn More:
                  • http://www.simile-widgets.org/
                  timeplot/


                                       #dcdataviz                          Open Source Timelines
Friday, April 22, 2011
Infographics


                         #dcdataviz
Friday, April 22, 2011
#dcdataviz               Open Source Infographics
Friday, April 22, 2011

This is a guy who took a trip Zlatibor, a mountain in Serbia.

http://www.brankovukelic.com/post/849444944/zlatibor-breathgiving-infographics

Inkscape - one of the leading open source SVG graphics editors
Wrap-Up


                         #dcdataviz
Friday, April 22, 2011
Takeaways
                  • Know your audience and be realistic about their attention span.
                  • 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
Friday, April 22, 2011
Thank You!
                     Thanks to all who attended, and to these organizations who made this possible:




                                  #dcdataviz
Friday, April 22, 2011

More Related Content

Similar to Data Visualization Concepts, Strategies, Examples and Tools

Strata Conference 2012
Strata Conference 2012Strata Conference 2012
Strata Conference 2012michyli
 
iLive2014 Presentation | Casper Blicher Olsen - Internal barriers from taking...
iLive2014 Presentation | Casper Blicher Olsen - Internal barriers from taking...iLive2014 Presentation | Casper Blicher Olsen - Internal barriers from taking...
iLive2014 Presentation | Casper Blicher Olsen - Internal barriers from taking...iLive Conference
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information ArchitectureAndy Fitzgerald
 
Btp report linu&rupam
Btp report linu&rupamBtp report linu&rupam
Btp report linu&rupamLinu George
 
Operationalizing Data Science St. Louis Big Data IDEA
Operationalizing Data Science St. Louis Big Data IDEAOperationalizing Data Science St. Louis Big Data IDEA
Operationalizing Data Science St. Louis Big Data IDEAAdam Doyle
 
Digital Pragmatism with Business Intelligence, Big Data and Data Visualisation
Digital Pragmatism with Business Intelligence, Big Data and Data VisualisationDigital Pragmatism with Business Intelligence, Big Data and Data Visualisation
Digital Pragmatism with Business Intelligence, Big Data and Data VisualisationJen Stirrup
 
SP1: Exploratory Network Analysis with Gephi
SP1: Exploratory Network Analysis with GephiSP1: Exploratory Network Analysis with Gephi
SP1: Exploratory Network Analysis with GephiJohn Breslin
 
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.Deeson
 
DCI - Data, Context and Interaction @ Jug Genova April 2011
DCI - Data, Context and Interaction @ Jug Genova April 2011DCI - Data, Context and Interaction @ Jug Genova April 2011
DCI - Data, Context and Interaction @ Jug Genova April 2011Fabrizio Giudici
 
Data Visualization & UX
Data Visualization & UXData Visualization & UX
Data Visualization & UXodsc
 
Gephi icwsm-tutorial
Gephi icwsm-tutorialGephi icwsm-tutorial
Gephi icwsm-tutorialcsedays
 
S.P.A.C.E. Exploration for Software Engineering
 S.P.A.C.E. Exploration for Software Engineering S.P.A.C.E. Exploration for Software Engineering
S.P.A.C.E. Exploration for Software EngineeringCS, NcState
 
Advising Upgrade Presentation
Advising Upgrade PresentationAdvising Upgrade Presentation
Advising Upgrade PresentationJosh Nichols
 

Similar to Data Visualization Concepts, Strategies, Examples and Tools (16)

Strata Conference 2012
Strata Conference 2012Strata Conference 2012
Strata Conference 2012
 
Introduction to data visualization
Introduction to data visualizationIntroduction to data visualization
Introduction to data visualization
 
iLive2014 Presentation | Casper Blicher Olsen - Internal barriers from taking...
iLive2014 Presentation | Casper Blicher Olsen - Internal barriers from taking...iLive2014 Presentation | Casper Blicher Olsen - Internal barriers from taking...
iLive2014 Presentation | Casper Blicher Olsen - Internal barriers from taking...
 
Grc t18
Grc t18Grc t18
Grc t18
 
Mobile Information Architecture
Mobile Information ArchitectureMobile Information Architecture
Mobile Information Architecture
 
Btp report linu&rupam
Btp report linu&rupamBtp report linu&rupam
Btp report linu&rupam
 
Operationalizing Data Science St. Louis Big Data IDEA
Operationalizing Data Science St. Louis Big Data IDEAOperationalizing Data Science St. Louis Big Data IDEA
Operationalizing Data Science St. Louis Big Data IDEA
 
Digital Pragmatism with Business Intelligence, Big Data and Data Visualisation
Digital Pragmatism with Business Intelligence, Big Data and Data VisualisationDigital Pragmatism with Business Intelligence, Big Data and Data Visualisation
Digital Pragmatism with Business Intelligence, Big Data and Data Visualisation
 
SP1: Exploratory Network Analysis with Gephi
SP1: Exploratory Network Analysis with GephiSP1: Exploratory Network Analysis with Gephi
SP1: Exploratory Network Analysis with Gephi
 
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
Conversational Interfaces. Andrew Larking and Ronald Ashri at Museum Tech 2017.
 
Show me the data! Actionable insight from open courses
Show me the data! Actionable insight from open coursesShow me the data! Actionable insight from open courses
Show me the data! Actionable insight from open courses
 
DCI - Data, Context and Interaction @ Jug Genova April 2011
DCI - Data, Context and Interaction @ Jug Genova April 2011DCI - Data, Context and Interaction @ Jug Genova April 2011
DCI - Data, Context and Interaction @ Jug Genova April 2011
 
Data Visualization & UX
Data Visualization & UXData Visualization & UX
Data Visualization & UX
 
Gephi icwsm-tutorial
Gephi icwsm-tutorialGephi icwsm-tutorial
Gephi icwsm-tutorial
 
S.P.A.C.E. Exploration for Software Engineering
 S.P.A.C.E. Exploration for Software Engineering S.P.A.C.E. Exploration for Software Engineering
S.P.A.C.E. Exploration for Software Engineering
 
Advising Upgrade Presentation
Advising Upgrade PresentationAdvising Upgrade Presentation
Advising Upgrade Presentation
 

Recently uploaded

Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 

Recently uploaded (20)

Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 

Data Visualization Concepts, Strategies, Examples and Tools

  • 1. #dcdataviz Dave Leonard, Phase2 Technology Friday, April 22, 2011 Welcome everyone, and thanks for coming out this evening. I 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.
  • 2. What I Do Solutions Architect at Phase2 working on large-scale Drupal implementations • Requirements Elicitation • User Exp and Info Arch • Customer Training • Drupal Consulting • Content Migration Planning • Break Stuff (QA) #dcdataviz Friday, April 22, 2011 My formal education was in biological engineering, but I’ve always had an interest in information technology. My first job out of school was working at a DNA lab helping to build custom software used for automated sample tracking and profile extraction. My 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.
  • 3. What I Don’t Do Write code Act pretentious #dcdataviz Friday, April 22, 2011 I’m not a developer, but I have a natural curiosity and want to know how things work on a conceptual level. I’m here to talk about things I’ve learned, trends I’m seeing, and experiences I’ve had. My 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.
  • 4. Why We’re Here Data visualization concepts, strategies, examples and tools (primarily open-source) #dcdataviz Friday, April 22, 2011
  • 5. The Challenge Massive amounts of data becoming available, how do we make sense of it all? Semantic Web Open Government and Other Better Methods (i.e. APIs) Transparency Initiatives #dcdataviz Friday, April 22, 2011
  • 6. Data vs Display “What” variables were measured vs “how” you visually represent them #dcdataviz Friday, April 22, 2011
  • 7. Types of Data Quantitative and qualitative #dcdataviz Data vs Display Friday, April 22, 2011
  • 8. Quantitative Data Precise, standardized numerical measurements 3.75 mph average 98° 17’ 15” N, 45° 10’ 6” W 9.85 mi traveled speed #dcdataviz Data vs Display Friday, April 22, 2011
  • 9. Qualitative Data Categorical data with varying degrees of precision 40% of Arlington residents are 60% of Arlington residents 87% of DC residents satisfied with their living vote Democrat are US Citizens situation #dcdataviz Data vs Display Friday, April 22, 2011
  • 10. Using Qualitative Data Establish a quantifiable spectrum for collection and presentation On a 1 - 10 scale, how satisfied are you with living in Arlington? (1 = not satisfied, 5 = somewhat satisfied, 10 = extremely satisfied) #dcdataviz Data vs Display Friday, April 22, 2011
  • 11. Display “How” dimensions are visually represented (other than text) Width Position (x,y,z) Color* Icons Length Radius Opacity Shapes #dcdataviz Data vs Display Friday, April 22, 2011
  • 12. Data + Display Mapping data dimensions to visual representations intuitively #dcdataviz Friday, April 22, 2011
  • 13. FATA: Inside Pakistan’s Tribal Regions http://preparedness.interaction.org/ #dcdataviz Data + Display Friday, April 22, 2011 Degree of Satisfaction = Bar Color Number of Respondents = Bar Width
  • 14. FATA: Inside Pakistan’s Tribal Regions http://preparedness.interaction.org/ #dcdataviz Data + Display Friday, April 22, 2011 Number of Drone Strikes ➔ Radius + Opacity Pakistani Support for Drone Strikes ➔ Saturation President who Ordered Drone Strikes ➔ Color
  • 15. Visual Noise Excessive visual stimuli that distract from the intended purpose #dcdataviz Friday, April 22, 2011
  • 16. 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 the visualization. - Noah Iliinsky, excerpted from “Beautiful Visualization: How To Make it Efficient” http://is.gd/Qc1BWF #dcdataviz Visual Noise Friday, April 22, 2011 Don’t blame your data, blame your design.
  • 17. #dcdataviz Visual Noise Friday, April 22, 2011
  • 18. 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 Friday, April 22, 2011
  • 19. #dcdataviz Visual Noise Friday, April 22, 2011 Here’s a resume that was done as an infographic. Pretty cool idea, right? Apologies in advance to Michael, because I’m going to pick on him a bit. What are we trying to prove here? Maybe this is unintentionally revealing?
  • 20. #dcdataviz Visual Noise Friday, April 22, 2011 Is this Noise? Depends on the context of the audience and how the content is delivered. If you are already in a particular station, you probably see a “you are here” symbol on the map. You 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. Zoom in on a region This 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. An 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.
  • 21. Presentations Demonstrative vs investigative visualizations Less User More User Time Time Demonstrative Investigative #dcdataviz Friday, April 22, 2011
  • 22. Demonstrative AUTHOR dictates your conclusions #dcdataviz Friday, April 22, 2011
  • 23. #dcdataviz Demonstrative Presentations Friday, April 22, 2011 Daily Media Diet - Wired Magazine http://is.gd/IrRoHZ
  • 24. #dcdataviz Demonstrative Presentations Friday, April 22, 2011 Demonstrations can be interactive in a literal sense, in that you can touch/feel/use them. Euclidian solid geometry visualization shown in Tufte’s “Beautiful Evidence”
  • 25. Investigative Empowering YOU to draw your own conclusions #dcdataviz Friday, April 22, 2011
  • 26. #dcdataviz Investigative Presentations Friday, April 22, 2011 Akamai Real-Time Global Network Traffic Monitor http://is.gd/1Oueyq Author 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. You draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”
  • 27. #dcdataviz Investigative Presentations Friday, April 22, 2011
  • 28. Pave The Way Compelling demonstration spurs investigation #dcdataviz Friday, April 22, 2011 How do you cater to the average attention span while still allowing those who are interested to really dive deep?
  • 29. #dcdataviz Pave The Way Friday, April 22, 2011
  • 30. Tools Used amCharts - Flash and Javascript/HTML5 charts, NOT open source #dcdataviz Pave The Way Friday, April 22, 2011 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.
  • 31. Open Source Effective presentations built using freely-available, collaborative code #dcdataviz Friday, April 22, 2011
  • 32. Mapping Using open source tools #dcdataviz Friday, April 22, 2011
  • 33. #dcdataviz Open Source Mapping Friday, April 22, 2011 Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas. http://preparedness.interaction.org/ Map created by Development Seed, an open source development company that focuses on building communication and visualization tools. We work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.
  • 34. #dcdataviz Open Source Mapping Friday, April 22, 2011 Aid Projects in Haiti http://preparedness.interaction.org/
  • 35. Tools MapBox, TileMill, and Tilestream Highlighted Features: • Attractive, custom tile designs • Cloud-based storage/delivery of tiles • iPad compatibility for offline viewing Learn More: • http://www.mapbox.com • http://www.developmentseed.com #dcdataviz Open Source Mapping Friday, April 22, 2011 MapBox provides a suite of open source tools and services for creating and using custom maps in the cloud. TileMill leverages OpenLayers, Carto, and Mapnik (C++ based mapping application toolkit) At 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. We 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.
  • 36. More MapBox #dcdataviz Friday, April 22, 2011
  • 37. #dcdataviz Open Source Mapping Friday, April 22, 2011 Map from Japanearthquakerecovery.org, a project of the Business Civic Leadership Center. Uses open data from USGS and tile designs built with TileMill, an open-source map tile design studio.
  • 38. #dcdataviz More MapBox Friday, April 22, 2011
  • 39. Charting #dcdataviz Friday, April 22, 2011
  • 40. Candlestick Chart #dcdataviz Open Source Charting Friday, April 22, 2011
  • 41. Tools jqPlot - A plotting and charting plugin for the jQuery Javascript framework Highlighted Features: Candlestick Chart Code Sample: • Tool tip support • Drag and drop of data points in UI • Computed trend lines Learn More: • http://is.gd/G3qXxT #dcdataviz Open Source Charting Friday, April 22, 2011 This is a visualization tool that we’re considering using for an upcoming project for a client in the financial services industry.
  • 42. Trending #dcdataviz Friday, April 22, 2011
  • 43. #dcdataviz Open Source Trending Friday, April 22, 2011
  • 44. Tools Used flot - jQuery-based Javascript library Highlighted Features: Learn More: • Drupal integration via Flot module http://code.google.com/p/flot • Interactive charts with tooltip Development Seed Blog Post support http://is.gd/LvYXsM • Panning and zooming capabilities #dcdataviz Open Source Trending Friday, April 22, 2011
  • 45. Timelines #dcdataviz Friday, April 22, 2011
  • 46. Timeplot - SIMILE Project #dcdataviz Open Source Timelines Friday, April 22, 2011 During World War 1, it became more difficult for people from Europe to emigrate. After World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward. They reached their lowest point during the Great Depression.
  • 47. Tools Used Timeplot - DHTML/AJAX-based widget for plotting time series and overlay time- based events over them Highlighted Features: Code Sample: • Timelines • Graphing • Layering of event timelines with data trending Learn More: • http://www.simile-widgets.org/ timeplot/ #dcdataviz Open Source Timelines Friday, April 22, 2011
  • 48. Infographics #dcdataviz Friday, April 22, 2011
  • 49. #dcdataviz Open Source Infographics Friday, April 22, 2011 This is a guy who took a trip Zlatibor, a mountain in Serbia. http://www.brankovukelic.com/post/849444944/zlatibor-breathgiving-infographics Inkscape - one of the leading open source SVG graphics editors
  • 50. Wrap-Up #dcdataviz Friday, April 22, 2011
  • 51. Takeaways • Know your audience and be realistic about their attention span. • 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 Friday, April 22, 2011
  • 52. Thank You! Thanks to all who attended, and to these organizations who made this possible: #dcdataviz Friday, April 22, 2011

Editor's Notes

  1. Welcome everyone, 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