SlideShare a Scribd company logo
1 of 132
10 Steps to
Data Vizardry

Zach Gemignani
CEO + founder
Juice Inc.
zach@juiceanalytics.com
What is a Data Vizard?




How do I become one?
What is a Data Vizard?
Someone with the ability
to tell clear, compelling
stories with data.
How do I become one?
What is a Data Vizard?
Someone with the ability
to tell clear, compelling
stories with data.
How do I become one?
By consistently applying a
set of straightforward
skills and principles
What level are you?
What level are you?




beginner
What level are you?




beginner   intermediate
What level are you?




beginner   intermediate   advanced
ACHIEVE THE RIGHT CHART
CHOOSE SIMPLICITY
GO A DATA GOURMET
BE BEYOND THE BASICS
CHOOSE THEAUDIENCE
KNOW YOUR RIGHT CHART
LEARN YOUR TOOLS
BE A DATA GOURMET
LEARN FROM THE BEST
KNOW YOUR AUDIENCE
DATA
LEARN YOUR TOOLS
VIZARDS...
LEARN FROM THE BEST
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE THE RIGHT CHART
         A DESIGNER
CHOOSE SIMPLICITY
ACHIEVE GOURMET
BE A DATA THE BASICS
GO BEYOND AUDIENCE
KNOW YOUR RIGHT CHART
CHOOSE THE TOOLS
LEARN YOUR
BE A DATA GOURMET
LEARNYOUR AUDIENCE
DATA FROM THE BEST
KNOW
VIZARDS...
LEARN YOUR TOOLS
LEARN FROM THE BEST
more




what’s right




               less
more




what’s right




               less

                      status quo                     inspiring
                                   what’s possible
more


                           Stephen Few       New York Times



what’s right


                                            Jonathan Harris


               less

                      status quo                      inspiring
                                   what’s possible
“eloquence through simplicity”


                 “   Business Objects is a leading business
                     intelligence vendor (based on sales), but
                     its products consistently demonstrate
                     that they don’t understand analytics and
                     haven’t a clue about data visualization. A
                     vendor that claims to be the best, which
                     Business Objects unabashedly claims
                     (just like every other major BI vendor),
                     should be ashamed of selling such
                     moronic products. Don’t reward them for




                                                                  ”
                     irresponsible work—products that
                     assume their customers are halfwits...

Stephen Few
www.perceptualedge.com/blog
data visualization as art
Jonathan Harris




www.wefeelfine.org   www.number27.org
New York Times
New York Times
New York Times
New York Times
New York Times
   www.smallmeans.com/new-york-times-infographics/
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
CHOOSE THE RIGHT CHART
ACHIEVE SIMPLICITY
BE A DATA GOURMET
GO BEYOND THE BASICS
KNOW YOUR AUDIENCE
CHOOSE THE RIGHT CHART
LEARN YOUR TOOLS
BE A DATA GOURMET
LEARNYOUR AUDIENCE
DATA FROM THE BEST
KNOW
VIZARDS...
LEARN YOUR TOOLS
LEARN FROM THE BEST
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
CHOOSE THE RIGHT CHART
ACHIEVE SIMPLICITY
BE A DATA GOURMET
GO BEYOND THE BASICS
KNOW YOUR AUDIENCE
CHOOSE THE RIGHT CHART
LEARN YOUR TOOLS
DATADATA GOURMET
BE A
LEARNYOUR AUDIENCE
       FROM THE BEST
VIZARDS...
KNOW
LEARN YOUR TOOLS
LEARN FROM THE BEST
“   The more technique
    you have, the less


                         ”
    you have to worry
    about it.
    » Pablo Picasso
“   I am always doing
    that which I cannot
    do, in order that I


               ”
    may learn how to do
    it.Pablo Picasso
     »
New York Times (Flash)
New York Times (Flash)




Juice Analytics (Excel)
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
CHOOSE THE RIGHT CHART
ACHIEVE SIMPLICITY
BE A DATA GOURMET
GO BEYOND THE BASICS
KNOW YOUR AUDIENCE
CHOOSE THE RIGHT CHART
LEARN FROM THE BEST
DATADATA GOURMET
BE A
VIZARDS... AUDIENCE
KNOW YOUR
LEARN YOUR TOOLS
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
CHOOSE THE RIGHT CHART
ACHIEVE SIMPLICITY
BE A DATA GOURMET
GO BEYOND THE BASICS
KNOW YOUR AUDIENCE
DATA
CHOOSE THE RIGHT CHART
LEARN FROM THE BEST
VIZARDS... GOURMET
BE A DATA
KNOW YOUR AUDIENCE
LEARN YOUR TOOLS
Chief Marketing Officer
                         Marketing Analyst
goingtorain.com
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
CHOOSE THE RIGHT CHART
ACHIEVE SIMPLICITY
BE A DATA GOURMET
GO BEYOND THE BASICS
LEARN FROM RIGHT CHART
DATA
CHOOSE THE   THE BEST
VIZARDS... GOURMET
BE A DATA
KNOW YOUR AUDIENCE
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
CHOOSE THE RIGHT CHART
ACHIEVE SIMPLICITY
BE A DATA GOURMET
DATA
GO BEYOND THE BASICS
LEARN FROM RIGHT CHART
VIZARDS...
CHOOSE THE   THE BEST
BE A DATA GOURMET
KNOW YOUR AUDIENCE
http://www.youtube.com/watch?v=zSoHkadTAxc
Data Gourmet   Data Gourmand
Data Gourmet               Data Gourmand




  “   Data isn’t like your kids. You don’t


                                              ”
      have to pretend to love them
      equally. » Amanda Cox, New York Times
Interesting < Useful < Actionable
Interesting < Useful < Actionable
Interesting < Useful < Actionable
Interesting < Useful < Actionable
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
CHOOSE THE RIGHT CHART
ACHIEVE SIMPLICITY
LEARN FROM THE BEST
DATA
GO BEYOND THE BASICS
VIZARDS...
CHOOSE THE RIGHT CHART
BE A DATA GOURMET
FORM FOLLOWS FUNCTION
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
CHOOSE THE RIGHT CHART
DATA
ACHIEVE SIMPLICITY
LEARN FROM THE BEST
VIZARDS... THE BASICS
GO BEYOND
CHOOSE THE RIGHT CHART
BE A DATA GOURMET
Question

Data parameters
Chart category


Mapping of data
to chart elements
How do my sales break
down by visitor type?
How do mysales break
           sales
down by visitor type?


             value/
             metric
How do mysales break
              sales
    visitor type
  down by visitor type?


attribute/     value/
dimension      metric
How do mysales break down
              sales break
    visitor type
  down by visitor type?


attribute/     value/     chart
dimension      metric     category
How do mysales break down
              sales break
    visitor type
  down by visitor type?


attribute/       value/       chart
dimension        metric       category


  What is the trend in visitors
  across time?
How do mysales break down
              sales break
    visitor type
  down by visitor type?


attribute/       value/       chart
dimension        metric       category


                     visitors
  What is the trend in visitors
  across time?
How do mysales break down
              sales break
    visitor type
  down by visitor type?


attribute/       value/       chart
dimension        metric       category


                     visitors
  What is the trend in visitors
  across time
          time?
How do mysales break down
              sales break
    visitor type
  down by visitor type?


attribute/       value/      chart
dimension        metric      category


  What is thetrend in visitors
              trend visitors
  across time
          time?
Chart categories
Distribution

Comparison

Composition                           www.extremepresentation.com/
                                      design/charts/
Relationship

Trend




               www.chartchooser.com
People perceive...
People perceive...
   Accurately           Length of a line
                        Position in 2D space

   Semi-accurately      Area
                        Color intensity
                        Radial distance
                        Position in 3D space


   Not accurately at all Odds of winning in
                         Vegas
People perceive...
   Accurately           Length of a line
                        Position in 2D space

   Semi-accurately      Area
                        Color intensity
                        Radial distance
                        Position in 3D space


   Not accurately at all Odds of winning in
                         Vegas
People perceive...
   Accurately           Length of a line
                        Position in 2D space

   Semi-accurately      Area
                        Color intensity
                        Radial distance
                        Position in 3D space


   Not accurately at all Odds of winning in
                         Vegas
Back Palin   70%



Back Huckabee    63%



 Back Romney     60%
Intel
Microsoft
Samsung
 Mercury
    Zeus
 Reebok
  Adidas
       LG
    Nike
   Apple
  Google
FORM FOLLOWS FUNCTION
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
ACT LIKE A DESIGNER
EARN FROM THE BEST
DATA
ACHIEVE SIMPLICITY
VIZARDS... THE BASICS
GO BEYOND
CHOOSE THE RIGHT CHART
FORM FOLLOWS FUNCTION
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
GO BEYOND THE BASICS
DATA
ACT LIKE A DESIGNER
EARN FROM THE BEST
VIZARDS...
ACHIEVE SIMPLICITY
GO BEYOND THE BASICS
CHOOSE THE RIGHT CHART
Good visualization
techniques...
Good visualization
techniques...
   easy to understand

   solve common problems

   reproducable
small multiples




ffctn.com/a/expensevisualizer/
treemap




    www.juiceanalytics.com/demos/airline/
unit chart




  visualization.geblogs.com/visualization/health_visualizer/
animated bubble chart




   www.gapminder.org/world
lava lamp chart




     www.juiceanalytics.com/gallery/tv-top-earner/
FORM FOLLOWS FUNCTION
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
TELL A STORY
RN FROM A DESIGNER
DATA
ACT LIKE THE BEST
VIZARDS...
ACHIEVE SIMPLICITY
GO BEYOND THE BASICS
FORM FOLLOWS FUNCTION
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
ACHIEVE SIMPLICITY
DATA A STORY
TELL
RN FROM A DESIGNER
         THE BEST
VIZARDS...
ACT LIKE
ACHIEVE SIMPLICITY
GO BEYOND THE BASICS
“   A wealth of
    information creates a

                     ”
    poverty of attention.
    » Herbert Simon, Nobel
    Laureate Economist
Distracting graphical elements
Distracting graphical elements




                             Complex, jargon-y labels
Distracting graphical elements




                             Complex, jargon-y labels




Chart deciphering
Distracting elements
Distracting elements
Distracting elements
Fundamental rules of chart design




    Reduce chartjunk                  Increase data-ink ratio
    (remove chart elements that are   (make every pixel tell a story about your data)
    decorative or ornamental)
Images courtesy of Tim Bray: http://www.tbray.org/ongoing/When/200x/2003/03/13/Data-Ink
Reduce tablejunk
Increase data-ink ratio
FORM FOLLOWS FUNCTION
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
THE BEST
DATA A STORY
TELL
VIZARDS... DESIGNER
ACT LIKE A
ACHIEVE SIMPLICITY
FORM FOLLOWS FUNCTION
TELL A STORY
ACT LIKE A DESIGNER
DATA FOLLOWS FUNCTION
FORM
THE BEST
VIZARDS...
TELL A STORY
ACT LIKE A DESIGNER
ACHIEVE SIMPLICITY
looks matter
Data + Design




     data junkies   designers
Color
Color
http://www.fusion41.com/visuals/
WebTrend
s 10
restrained

meaningful
Color schemes for data
Color schemes for data
Sequential
Colors can be ordered from low to high
                                         Low   High
Color schemes for data
Sequential
Colors can be ordered from low to high
                                           Low               High




Diverging
Two sequential schemes extended out
from a critical midpoint value
                                         Low      Critical      High
                                                 midpoint
Color schemes for data
 Sequential
 Colors can be ordered from low to high
                                            Low               High




 Diverging
 Two sequential schemes extended out
 from a critical midpoint value
                                          Low      Critical      High
                                                  midpoint




 Categorical
 Lots of contrast between each
 adjacent color


colorbrewer2.org
Use contrast to support
your message
 80                   70            80                            Region 1
                                                                  Region 2
       55                    58
 60                                 60                            Region 3
               43
 40                                 40

 20                                 20

  0                                  0
      North   South   East   West     2007   2008   2009   2010
Use contrast to support
your message
 80                   70            80                            Region 1
                                                                  Region 2
       55                    58
 60                                 60                            Region 3
               43
 40                                 40

 20                                 20

  0                                  0
      North   South   East   West     2007   2008   2009   2010



 80                   70
       55                    58
 60
               43
 40

 20

  0
      North   South   East   West
Use contrast to support
your message
 80                   70            80                            Region 1
                                                                  Region 2
       55                    58
 60                                 60                            Region 3
               43
 40                                 40

 20                                 20

  0                                  0
      North   South   East   West     2007   2008   2009   2010



 80                   70            80                            Region 1
                             58                                   Region 2
 60    55                           60                            Region 3
               43
 40                                 40

 20                                 20

  0                                  0
      North   South   East   West     2007   2008   2009   2010
Fonts - Juice’s Simple Font
Framework
  History of Medicine
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
  minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
  ea commodo consequat. Duis aute irure dolor in reprehenderit in
  voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
  occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
  anim id est laborum.

                                        Lorem ipsum dolor sit amet, consectetur
                                        adipisicing elit, sed do eiusmod tempor
                                        incididunt ut labore et dolore magna
                                        aliqua. Ut enim ad minim veniam,
History of Medicine
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.

                                      Lorem ipsum dolor sit amet, consectetur
                                      adipisicing elit, sed do eiusmod tempor
                                      incididunt ut labore et dolore magna
                                      aliqua. Ut enim ad minim veniam,
History of Medicine
                                          Body Text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                                          Clean readable text,
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
                                          50-80% of your text
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
                                          will look like this.
ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
                                                                •10-16pt
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.                                            •Arial or Georgia

                                      Lorem ipsum dolor sit amet, consectetur
                                      adipisicing elit, sed do eiusmod tempor
                                      incididunt ut labore et dolore magna
                                      aliqua. Ut enim ad minim veniam,
History of Medicine
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.

                                      Lorem ipsum dolor sit amet, consectetur
                                      adipisicing elit, sed do eiusmod tempor
                                      incididunt ut labore et dolore magna
                                      aliqua. Ut enim ad minim veniam,
History of Medicine
Header dolor sit amet, consectetur adipisicing elit, sed do
 Lorem ipsum

Use toveniam, quis nostrudut labore et dolore magna aliqua.ut aliquipad
 eiusmod tempor incididunt
 minim
         separate and exercitation ullamco laboris nisi Ut enim ex
name sections
 ea commodo consequat. Duis aute irure dolor in reprehenderit in
  voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
  occaecat cupidatat non of body sunt in culpa qui officia deserunt mollit
         •150%-200% proident,
  anim id est laborum.

                                        Lorem ipsum dolor sit amet, consectetur
                                        adipisicing elit, sed do eiusmod tempor
                                        incididunt ut labore et dolore magna
                                        aliqua. Ut enim ad minim veniam,
History of Medicine
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.

                                      Lorem ipsum dolor sit amet, consectetur
                                      adipisicing elit, sed do eiusmod tempor
                                      incididunt ut labore et dolore magna
                                      aliqua. Ut enim ad minim veniam,
History of Medicine
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt85% of body
                           • ut labore et dolore magna aliqua. Ut enim ad
                           •Lower contrast
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
         Notes
ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
         Additional things
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est user should be
         a laborum.
         aware of
                                      Lorem ipsum dolor sit amet, consectetur
                                      adipisicing elit, sed do eiusmod tempor
                                      incididunt ut labore et dolore magna
                                      aliqua. Ut enim ad minim veniam,
History of Medicine
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.

                                      Lorem ipsum dolor sit amet, consectetur
                                      adipisicing elit, sed do eiusmod tempor
                                      incididunt ut labore et dolore magna
                                      aliqua. Ut enim ad minim veniam,
History of Medicine
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
                                                       Emphasis
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in
                                                       Draw the eye
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
                                                       to key points
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.
                           •Same size as body
                           •High-impact color/bold/italic consectetur
                                       Lorem ipsum dolor sit amet,
                                      adipisicing elit, sed do eiusmod tempor
                                      incididunt ut labore et dolore magna
                                      aliqua. Ut enim ad minim veniam,
History of Medicine
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum.

                                      Lorem ipsum dolor sit amet, consectetur
                                      adipisicing elit, sed do eiusmod tempor
                                      incididunt ut labore et dolore magna
                                      aliqua. Ut enim ad minim veniam,
FORM FOLLOWS FUNCTION
TELL A STORY
BEST FOLLOWS FUNCTION
DATA
FORM
VIZARDS...
TELL A STORY
ACT LIKE A DESIGNER
FORM FOLLOWS FUNCTION
TELL A STORY
DATA
BEST FOLLOWS FUNCTION
VIZARDS...
FORM
TELL A STORY
ACT LIKE A DESIGNER
setting   scope of analysis
exposition   background
characters   point of view
sequence     flow
  conflict    questions
resolution   answers
Be a salesman




http://www.youtube.com/watch?feature=player_embedded&v=wVQPY4LlbJ4
What does this tell me?
Process
Drill-down workflow
FORM FOLLOWS FUNCTION
DATA
VIZARDS...
FORM FOLLOWS FUNCTION
TELL A STORY
FORM FOLLOWS FUNCTION
DATA
VIZARDS...
FORM FOLLOWS FUNCTION
TELL A STORY
form   paper   Excel   online app   e-mail    large
                                             screen
form   paper   Excel   online app   e-mail    large
function                                                   screen

timeliness

aesthetic

mobility

connectivity

data detail

data density

interactivity

collaboration
form   paper   Excel   online app   e-mail    large
function                                                   screen

timeliness

aesthetic

mobility

connectivity

data detail

data density

interactivity

collaboration
LEARN FROM THE BEST
LEARN YOUR TOOLS
KNOW YOUR AUDIENCE
BE A DATA GOURMET
CHOOSE THE RIGHT CHART
GO BEYOND THE BASICS
ACHIEVE SIMPLICITY
ACT LIKE A DESIGNER
TELL A STORY
FORM FOLLOWS FUNCTION
List of resources
Skill                    Resources

                         www.smallmeans.com/new-york-times-infographics/
Learn from the best      www.perceptualedge.com/blog
                         infographics.alltop.com

Learn your tools         www.juiceanalytics.com/writing/excel-training-worksheet/

Know your audience

Be a data gourmet        www.juiceanalytics.com/writing/being-a-data-gourmet/

                         www.chartchooser.com
Choose the right chart   www.extremepresentation.com/design/charts/
                         www.juiceanalytics.com/writing/chart-selection-art-and-science/

Go beyond the basics     A Tour of the Visualization Zoo (queue.acm.org/detail.cfm?id=1805128)

Achieve simplicity       Edward Tufte Q&A (www.edwardtufte.com/bboard/q-and-a?topic_id=1)

                         colorbrewer2.org
Act like a designer
                         www.juiceanalytics.com/writing/simple-font-framework/

Tell a story             www.duarte.com/books/resonate/www/

Form follow function
we craft applications that make using
   data enjoyable and rewarding

More Related Content

More from Zach Gemignani

The Great Pie Chart Bake-off
The Great Pie Chart Bake-offThe Great Pie Chart Bake-off
The Great Pie Chart Bake-offZach Gemignani
 
Measures and Dimensions: Your Data Ingredients
Measures and Dimensions: Your Data IngredientsMeasures and Dimensions: Your Data Ingredients
Measures and Dimensions: Your Data IngredientsZach Gemignani
 
12 principles of data story design
12 principles of data story design12 principles of data story design
12 principles of data story designZach Gemignani
 
A Practical Guide to the Art of Data Storytelling
A Practical Guide to the Art of Data StorytellingA Practical Guide to the Art of Data Storytelling
A Practical Guide to the Art of Data StorytellingZach Gemignani
 
Launching Data Products for Fun and Profit
Launching Data Products for Fun and ProfitLaunching Data Products for Fun and Profit
Launching Data Products for Fun and ProfitZach Gemignani
 
Beyond Data Visualization: What's next in communicating with data?
Beyond Data Visualization: What's next in communicating with data?Beyond Data Visualization: What's next in communicating with data?
Beyond Data Visualization: What's next in communicating with data?Zach Gemignani
 
Is big data handicapped by "design"? Seven design principles for communicatin...
Is big data handicapped by "design"? Seven design principles for communicatin...Is big data handicapped by "design"? Seven design principles for communicatin...
Is big data handicapped by "design"? Seven design principles for communicatin...Zach Gemignani
 
Turning Data into Dollars
Turning Data into DollarsTurning Data into Dollars
Turning Data into DollarsZach Gemignani
 
Building a data fluent organization
Building a data fluent organizationBuilding a data fluent organization
Building a data fluent organizationZach Gemignani
 
Brief introduction to data visualization
Brief introduction to data visualizationBrief introduction to data visualization
Brief introduction to data visualizationZach Gemignani
 

More from Zach Gemignani (11)

The Great Pie Chart Bake-off
The Great Pie Chart Bake-offThe Great Pie Chart Bake-off
The Great Pie Chart Bake-off
 
Measures and Dimensions: Your Data Ingredients
Measures and Dimensions: Your Data IngredientsMeasures and Dimensions: Your Data Ingredients
Measures and Dimensions: Your Data Ingredients
 
What is data
What is dataWhat is data
What is data
 
12 principles of data story design
12 principles of data story design12 principles of data story design
12 principles of data story design
 
A Practical Guide to the Art of Data Storytelling
A Practical Guide to the Art of Data StorytellingA Practical Guide to the Art of Data Storytelling
A Practical Guide to the Art of Data Storytelling
 
Launching Data Products for Fun and Profit
Launching Data Products for Fun and ProfitLaunching Data Products for Fun and Profit
Launching Data Products for Fun and Profit
 
Beyond Data Visualization: What's next in communicating with data?
Beyond Data Visualization: What's next in communicating with data?Beyond Data Visualization: What's next in communicating with data?
Beyond Data Visualization: What's next in communicating with data?
 
Is big data handicapped by "design"? Seven design principles for communicatin...
Is big data handicapped by "design"? Seven design principles for communicatin...Is big data handicapped by "design"? Seven design principles for communicatin...
Is big data handicapped by "design"? Seven design principles for communicatin...
 
Turning Data into Dollars
Turning Data into DollarsTurning Data into Dollars
Turning Data into Dollars
 
Building a data fluent organization
Building a data fluent organizationBuilding a data fluent organization
Building a data fluent organization
 
Brief introduction to data visualization
Brief introduction to data visualizationBrief introduction to data visualization
Brief introduction to data visualization
 

Recently uploaded

PSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationPSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationAnamaria Contreras
 
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadIslamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadAyesha Khan
 
Case study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailCase study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailAriel592675
 
Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Anamaria Contreras
 
2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis UsageNeil Kimberley
 
India Consumer 2024 Redacted Sample Report
India Consumer 2024 Redacted Sample ReportIndia Consumer 2024 Redacted Sample Report
India Consumer 2024 Redacted Sample ReportMintel Group
 
Investment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy CheruiyotInvestment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy Cheruiyotictsugar
 
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCRashishs7044
 
Market Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMarket Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMintel Group
 
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCRashishs7044
 
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City GurgaonCall Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaoncallgirls2057
 
Youth Involvement in an Innovative Coconut Value Chain by Mwalimu Menza
Youth Involvement in an Innovative Coconut Value Chain by Mwalimu MenzaYouth Involvement in an Innovative Coconut Value Chain by Mwalimu Menza
Youth Involvement in an Innovative Coconut Value Chain by Mwalimu Menzaictsugar
 
IoT Insurance Observatory: summary 2024
IoT Insurance Observatory:  summary 2024IoT Insurance Observatory:  summary 2024
IoT Insurance Observatory: summary 2024Matteo Carbone
 
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxContemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxMarkAnthonyAurellano
 
Global Scenario On Sustainable and Resilient Coconut Industry by Dr. Jelfina...
Global Scenario On Sustainable  and Resilient Coconut Industry by Dr. Jelfina...Global Scenario On Sustainable  and Resilient Coconut Industry by Dr. Jelfina...
Global Scenario On Sustainable and Resilient Coconut Industry by Dr. Jelfina...ictsugar
 

Recently uploaded (20)

No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
No-1 Call Girls In Goa 93193 VIP 73153 Escort service In North Goa Panaji, Ca...
 
Japan IT Week 2024 Brochure by 47Billion (English)
Japan IT Week 2024 Brochure by 47Billion (English)Japan IT Week 2024 Brochure by 47Billion (English)
Japan IT Week 2024 Brochure by 47Billion (English)
 
Corporate Profile 47Billion Information Technology
Corporate Profile 47Billion Information TechnologyCorporate Profile 47Billion Information Technology
Corporate Profile 47Billion Information Technology
 
PSCC - Capability Statement Presentation
PSCC - Capability Statement PresentationPSCC - Capability Statement Presentation
PSCC - Capability Statement Presentation
 
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in IslamabadIslamabad Escorts | Call 03070433345 | Escort Service in Islamabad
Islamabad Escorts | Call 03070433345 | Escort Service in Islamabad
 
Case study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detailCase study on tata clothing brand zudio in detail
Case study on tata clothing brand zudio in detail
 
Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.Traction part 2 - EOS Model JAX Bridges.
Traction part 2 - EOS Model JAX Bridges.
 
2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage2024 Numerator Consumer Study of Cannabis Usage
2024 Numerator Consumer Study of Cannabis Usage
 
India Consumer 2024 Redacted Sample Report
India Consumer 2024 Redacted Sample ReportIndia Consumer 2024 Redacted Sample Report
India Consumer 2024 Redacted Sample Report
 
Investment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy CheruiyotInvestment in The Coconut Industry by Nancy Cheruiyot
Investment in The Coconut Industry by Nancy Cheruiyot
 
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR8447779800, Low rate Call girls in Tughlakabad Delhi NCR
8447779800, Low rate Call girls in Tughlakabad Delhi NCR
 
Call Us ➥9319373153▻Call Girls In North Goa
Call Us ➥9319373153▻Call Girls In North GoaCall Us ➥9319373153▻Call Girls In North Goa
Call Us ➥9319373153▻Call Girls In North Goa
 
Market Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 EditionMarket Sizes Sample Report - 2024 Edition
Market Sizes Sample Report - 2024 Edition
 
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
8447779800, Low rate Call girls in New Ashok Nagar Delhi NCR
 
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City GurgaonCall Us 📲8800102216📞 Call Girls In DLF City Gurgaon
Call Us 📲8800102216📞 Call Girls In DLF City Gurgaon
 
Enjoy ➥8448380779▻ Call Girls In Sector 18 Noida Escorts Delhi NCR
Enjoy ➥8448380779▻ Call Girls In Sector 18 Noida Escorts Delhi NCREnjoy ➥8448380779▻ Call Girls In Sector 18 Noida Escorts Delhi NCR
Enjoy ➥8448380779▻ Call Girls In Sector 18 Noida Escorts Delhi NCR
 
Youth Involvement in an Innovative Coconut Value Chain by Mwalimu Menza
Youth Involvement in an Innovative Coconut Value Chain by Mwalimu MenzaYouth Involvement in an Innovative Coconut Value Chain by Mwalimu Menza
Youth Involvement in an Innovative Coconut Value Chain by Mwalimu Menza
 
IoT Insurance Observatory: summary 2024
IoT Insurance Observatory:  summary 2024IoT Insurance Observatory:  summary 2024
IoT Insurance Observatory: summary 2024
 
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptxContemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
Contemporary Economic Issues Facing the Filipino Entrepreneur (1).pptx
 
Global Scenario On Sustainable and Resilient Coconut Industry by Dr. Jelfina...
Global Scenario On Sustainable  and Resilient Coconut Industry by Dr. Jelfina...Global Scenario On Sustainable  and Resilient Coconut Industry by Dr. Jelfina...
Global Scenario On Sustainable and Resilient Coconut Industry by Dr. Jelfina...
 

10 Steps to Data Vizardry

  • 1. 10 Steps to Data Vizardry Zach Gemignani CEO + founder Juice Inc. zach@juiceanalytics.com
  • 2. What is a Data Vizard? How do I become one?
  • 3. What is a Data Vizard? Someone with the ability to tell clear, compelling stories with data. How do I become one?
  • 4. What is a Data Vizard? Someone with the ability to tell clear, compelling stories with data. How do I become one? By consistently applying a set of straightforward skills and principles
  • 6. What level are you? beginner
  • 7. What level are you? beginner intermediate
  • 8. What level are you? beginner intermediate advanced
  • 9. ACHIEVE THE RIGHT CHART CHOOSE SIMPLICITY GO A DATA GOURMET BE BEYOND THE BASICS CHOOSE THEAUDIENCE KNOW YOUR RIGHT CHART LEARN YOUR TOOLS BE A DATA GOURMET LEARN FROM THE BEST KNOW YOUR AUDIENCE DATA LEARN YOUR TOOLS VIZARDS... LEARN FROM THE BEST
  • 10. TELL A STORY GO BEYOND THE BASICS ACT LIKE THE RIGHT CHART A DESIGNER CHOOSE SIMPLICITY ACHIEVE GOURMET BE A DATA THE BASICS GO BEYOND AUDIENCE KNOW YOUR RIGHT CHART CHOOSE THE TOOLS LEARN YOUR BE A DATA GOURMET LEARNYOUR AUDIENCE DATA FROM THE BEST KNOW VIZARDS... LEARN YOUR TOOLS LEARN FROM THE BEST
  • 11.
  • 13. more what’s right less status quo inspiring what’s possible
  • 14. more Stephen Few New York Times what’s right Jonathan Harris less status quo inspiring what’s possible
  • 15. “eloquence through simplicity” “ Business Objects is a leading business intelligence vendor (based on sales), but its products consistently demonstrate that they don’t understand analytics and haven’t a clue about data visualization. A vendor that claims to be the best, which Business Objects unabashedly claims (just like every other major BI vendor), should be ashamed of selling such moronic products. Don’t reward them for ” irresponsible work—products that assume their customers are halfwits... Stephen Few www.perceptualedge.com/blog
  • 16. data visualization as art Jonathan Harris www.wefeelfine.org www.number27.org
  • 21. New York Times www.smallmeans.com/new-york-times-infographics/
  • 22. TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER CHOOSE THE RIGHT CHART ACHIEVE SIMPLICITY BE A DATA GOURMET GO BEYOND THE BASICS KNOW YOUR AUDIENCE CHOOSE THE RIGHT CHART LEARN YOUR TOOLS BE A DATA GOURMET LEARNYOUR AUDIENCE DATA FROM THE BEST KNOW VIZARDS... LEARN YOUR TOOLS LEARN FROM THE BEST
  • 23. FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER CHOOSE THE RIGHT CHART ACHIEVE SIMPLICITY BE A DATA GOURMET GO BEYOND THE BASICS KNOW YOUR AUDIENCE CHOOSE THE RIGHT CHART LEARN YOUR TOOLS DATADATA GOURMET BE A LEARNYOUR AUDIENCE FROM THE BEST VIZARDS... KNOW LEARN YOUR TOOLS LEARN FROM THE BEST
  • 24. The more technique you have, the less ” you have to worry about it. » Pablo Picasso
  • 25. I am always doing that which I cannot do, in order that I ” may learn how to do it.Pablo Picasso »
  • 26. New York Times (Flash)
  • 27. New York Times (Flash) Juice Analytics (Excel)
  • 28. FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER CHOOSE THE RIGHT CHART ACHIEVE SIMPLICITY BE A DATA GOURMET GO BEYOND THE BASICS KNOW YOUR AUDIENCE CHOOSE THE RIGHT CHART LEARN FROM THE BEST DATADATA GOURMET BE A VIZARDS... AUDIENCE KNOW YOUR LEARN YOUR TOOLS
  • 29. ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER CHOOSE THE RIGHT CHART ACHIEVE SIMPLICITY BE A DATA GOURMET GO BEYOND THE BASICS KNOW YOUR AUDIENCE DATA CHOOSE THE RIGHT CHART LEARN FROM THE BEST VIZARDS... GOURMET BE A DATA KNOW YOUR AUDIENCE LEARN YOUR TOOLS
  • 30. Chief Marketing Officer Marketing Analyst
  • 31.
  • 33. ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER CHOOSE THE RIGHT CHART ACHIEVE SIMPLICITY BE A DATA GOURMET GO BEYOND THE BASICS LEARN FROM RIGHT CHART DATA CHOOSE THE THE BEST VIZARDS... GOURMET BE A DATA KNOW YOUR AUDIENCE
  • 34. TELL A STORY ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER CHOOSE THE RIGHT CHART ACHIEVE SIMPLICITY BE A DATA GOURMET DATA GO BEYOND THE BASICS LEARN FROM RIGHT CHART VIZARDS... CHOOSE THE THE BEST BE A DATA GOURMET KNOW YOUR AUDIENCE
  • 36. Data Gourmet Data Gourmand
  • 37. Data Gourmet Data Gourmand “ Data isn’t like your kids. You don’t ” have to pretend to love them equally. » Amanda Cox, New York Times
  • 38.
  • 39. Interesting < Useful < Actionable
  • 40. Interesting < Useful < Actionable
  • 41. Interesting < Useful < Actionable
  • 42. Interesting < Useful < Actionable
  • 43. TELL A STORY ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER CHOOSE THE RIGHT CHART ACHIEVE SIMPLICITY LEARN FROM THE BEST DATA GO BEYOND THE BASICS VIZARDS... CHOOSE THE RIGHT CHART BE A DATA GOURMET
  • 44. FORM FOLLOWS FUNCTION TELL A STORY ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER CHOOSE THE RIGHT CHART DATA ACHIEVE SIMPLICITY LEARN FROM THE BEST VIZARDS... THE BASICS GO BEYOND CHOOSE THE RIGHT CHART BE A DATA GOURMET
  • 46. How do my sales break down by visitor type?
  • 47. How do mysales break sales down by visitor type? value/ metric
  • 48. How do mysales break sales visitor type down by visitor type? attribute/ value/ dimension metric
  • 49. How do mysales break down sales break visitor type down by visitor type? attribute/ value/ chart dimension metric category
  • 50. How do mysales break down sales break visitor type down by visitor type? attribute/ value/ chart dimension metric category What is the trend in visitors across time?
  • 51. How do mysales break down sales break visitor type down by visitor type? attribute/ value/ chart dimension metric category visitors What is the trend in visitors across time?
  • 52. How do mysales break down sales break visitor type down by visitor type? attribute/ value/ chart dimension metric category visitors What is the trend in visitors across time time?
  • 53. How do mysales break down sales break visitor type down by visitor type? attribute/ value/ chart dimension metric category What is thetrend in visitors trend visitors across time time?
  • 54. Chart categories Distribution Comparison Composition www.extremepresentation.com/ design/charts/ Relationship Trend www.chartchooser.com
  • 56. People perceive... Accurately Length of a line Position in 2D space Semi-accurately Area Color intensity Radial distance Position in 3D space Not accurately at all Odds of winning in Vegas
  • 57. People perceive... Accurately Length of a line Position in 2D space Semi-accurately Area Color intensity Radial distance Position in 3D space Not accurately at all Odds of winning in Vegas
  • 58. People perceive... Accurately Length of a line Position in 2D space Semi-accurately Area Color intensity Radial distance Position in 3D space Not accurately at all Odds of winning in Vegas
  • 59.
  • 60. Back Palin 70% Back Huckabee 63% Back Romney 60%
  • 61.
  • 62. Intel Microsoft Samsung Mercury Zeus Reebok Adidas LG Nike Apple Google
  • 63. FORM FOLLOWS FUNCTION TELL A STORY ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS ACT LIKE A DESIGNER EARN FROM THE BEST DATA ACHIEVE SIMPLICITY VIZARDS... THE BASICS GO BEYOND CHOOSE THE RIGHT CHART
  • 64. FORM FOLLOWS FUNCTION TELL A STORY ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY GO BEYOND THE BASICS DATA ACT LIKE A DESIGNER EARN FROM THE BEST VIZARDS... ACHIEVE SIMPLICITY GO BEYOND THE BASICS CHOOSE THE RIGHT CHART
  • 65.
  • 66.
  • 67.
  • 68.
  • 70. Good visualization techniques... easy to understand solve common problems reproducable
  • 72. treemap www.juiceanalytics.com/demos/airline/
  • 73. unit chart visualization.geblogs.com/visualization/health_visualizer/
  • 74. animated bubble chart www.gapminder.org/world
  • 75. lava lamp chart www.juiceanalytics.com/gallery/tv-top-earner/
  • 76. FORM FOLLOWS FUNCTION TELL A STORY ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY TELL A STORY RN FROM A DESIGNER DATA ACT LIKE THE BEST VIZARDS... ACHIEVE SIMPLICITY GO BEYOND THE BASICS
  • 77. FORM FOLLOWS FUNCTION TELL A STORY ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION ACHIEVE SIMPLICITY DATA A STORY TELL RN FROM A DESIGNER THE BEST VIZARDS... ACT LIKE ACHIEVE SIMPLICITY GO BEYOND THE BASICS
  • 78. A wealth of information creates a ” poverty of attention. » Herbert Simon, Nobel Laureate Economist
  • 80. Distracting graphical elements Complex, jargon-y labels
  • 81. Distracting graphical elements Complex, jargon-y labels Chart deciphering
  • 85. Fundamental rules of chart design Reduce chartjunk Increase data-ink ratio (remove chart elements that are (make every pixel tell a story about your data) decorative or ornamental)
  • 86. Images courtesy of Tim Bray: http://www.tbray.org/ongoing/When/200x/2003/03/13/Data-Ink
  • 89. FORM FOLLOWS FUNCTION TELL A STORY ACT LIKE A DESIGNER FORM FOLLOWS FUNCTION THE BEST DATA A STORY TELL VIZARDS... DESIGNER ACT LIKE A ACHIEVE SIMPLICITY
  • 90. FORM FOLLOWS FUNCTION TELL A STORY ACT LIKE A DESIGNER DATA FOLLOWS FUNCTION FORM THE BEST VIZARDS... TELL A STORY ACT LIKE A DESIGNER ACHIEVE SIMPLICITY
  • 92. Data + Design data junkies designers
  • 93. Color
  • 94. Color
  • 98. Color schemes for data Sequential Colors can be ordered from low to high Low High
  • 99. Color schemes for data Sequential Colors can be ordered from low to high Low High Diverging Two sequential schemes extended out from a critical midpoint value Low Critical High midpoint
  • 100. Color schemes for data Sequential Colors can be ordered from low to high Low High Diverging Two sequential schemes extended out from a critical midpoint value Low Critical High midpoint Categorical Lots of contrast between each adjacent color colorbrewer2.org
  • 101. Use contrast to support your message 80 70 80 Region 1 Region 2 55 58 60 60 Region 3 43 40 40 20 20 0 0 North South East West 2007 2008 2009 2010
  • 102. Use contrast to support your message 80 70 80 Region 1 Region 2 55 58 60 60 Region 3 43 40 40 20 20 0 0 North South East West 2007 2008 2009 2010 80 70 55 58 60 43 40 20 0 North South East West
  • 103. Use contrast to support your message 80 70 80 Region 1 Region 2 55 58 60 60 Region 3 43 40 40 20 20 0 0 North South East West 2007 2008 2009 2010 80 70 80 Region 1 58 Region 2 60 55 60 Region 3 43 40 40 20 20 0 0 North South East West 2007 2008 2009 2010
  • 104. Fonts - Juice’s Simple Font Framework History of Medicine Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 105. History of Medicine Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 106. History of Medicine Body Text Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Clean readable text, eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad 50-80% of your text minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex will look like this. ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint •10-16pt occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. •Arial or Georgia Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 107. History of Medicine Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 108. History of Medicine Header dolor sit amet, consectetur adipisicing elit, sed do Lorem ipsum Use toveniam, quis nostrudut labore et dolore magna aliqua.ut aliquipad eiusmod tempor incididunt minim separate and exercitation ullamco laboris nisi Ut enim ex name sections ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non of body sunt in culpa qui officia deserunt mollit •150%-200% proident, anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 109. History of Medicine Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 110. History of Medicine Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt85% of body • ut labore et dolore magna aliqua. Ut enim ad •Lower contrast minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex Notes ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint Additional things occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est user should be a laborum. aware of Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 111. History of Medicine Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 112. History of Medicine Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad Emphasis minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in Draw the eye voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint to key points occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. •Same size as body •High-impact color/bold/italic consectetur Lorem ipsum dolor sit amet, adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 113. History of Medicine Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  • 114. FORM FOLLOWS FUNCTION TELL A STORY BEST FOLLOWS FUNCTION DATA FORM VIZARDS... TELL A STORY ACT LIKE A DESIGNER
  • 115. FORM FOLLOWS FUNCTION TELL A STORY DATA BEST FOLLOWS FUNCTION VIZARDS... FORM TELL A STORY ACT LIKE A DESIGNER
  • 116.
  • 117. setting scope of analysis exposition background characters point of view sequence flow conflict questions resolution answers
  • 119. What does this tell me?
  • 122. FORM FOLLOWS FUNCTION DATA VIZARDS... FORM FOLLOWS FUNCTION TELL A STORY
  • 123. FORM FOLLOWS FUNCTION DATA VIZARDS... FORM FOLLOWS FUNCTION TELL A STORY
  • 124.
  • 125.
  • 126. form paper Excel online app e-mail large screen
  • 127. form paper Excel online app e-mail large function screen timeliness aesthetic mobility connectivity data detail data density interactivity collaboration
  • 128. form paper Excel online app e-mail large function screen timeliness aesthetic mobility connectivity data detail data density interactivity collaboration
  • 129.
  • 130. LEARN FROM THE BEST LEARN YOUR TOOLS KNOW YOUR AUDIENCE BE A DATA GOURMET CHOOSE THE RIGHT CHART GO BEYOND THE BASICS ACHIEVE SIMPLICITY ACT LIKE A DESIGNER TELL A STORY FORM FOLLOWS FUNCTION
  • 131. List of resources Skill Resources www.smallmeans.com/new-york-times-infographics/ Learn from the best www.perceptualedge.com/blog infographics.alltop.com Learn your tools www.juiceanalytics.com/writing/excel-training-worksheet/ Know your audience Be a data gourmet www.juiceanalytics.com/writing/being-a-data-gourmet/ www.chartchooser.com Choose the right chart www.extremepresentation.com/design/charts/ www.juiceanalytics.com/writing/chart-selection-art-and-science/ Go beyond the basics A Tour of the Visualization Zoo (queue.acm.org/detail.cfm?id=1805128) Achieve simplicity Edward Tufte Q&A (www.edwardtufte.com/bboard/q-and-a?topic_id=1) colorbrewer2.org Act like a designer www.juiceanalytics.com/writing/simple-font-framework/ Tell a story www.duarte.com/books/resonate/www/ Form follow function
  • 132. we craft applications that make using data enjoyable and rewarding

Editor's Notes

  1. Edit notes:\nStories about kids...Owen in tai kwan do\nCustomize introduction\nShow examples of juice dashboards\nSmile &amp; energy\nSet up text message service...text mac to 44124\nAdd closing statement, inspire\n\nStephen Few presentation\n\nhttp://www.visualisingdata.com/index.php/2011/05/tableau-european-conference-freakalytics-update-day-2/\n\nReview Ken&amp;#x2019;s presentation for good content:\n* Context section\n* Weather videos\n
  2. Today&amp;#x2019;s presentation is really based on three premises -- each a little more speculative than the last...I hope you&amp;#x2019;ll go with me\n1. We live in a world swimming in data and the ability to analyze and communicate that data is an important skill\n1. There are people, we&amp;#x2019;ll call them Data Vizards, who have developed the skill to communicate effectively using data.\n2. You can become more proficient at this by applying some basic skills\nThe third point is particularly important: I&amp;#x2019;m not saying you need to have an innate talent or study for 10,000 hours. It is within your grasp.\n\n\n
  3. Today&amp;#x2019;s presentation is really based on three premises -- each a little more speculative than the last...I hope you&amp;#x2019;ll go with me\n1. We live in a world swimming in data and the ability to analyze and communicate that data is an important skill\n1. There are people, we&amp;#x2019;ll call them Data Vizards, who have developed the skill to communicate effectively using data.\n2. You can become more proficient at this by applying some basic skills\nThe third point is particularly important: I&amp;#x2019;m not saying you need to have an innate talent or study for 10,000 hours. It is within your grasp.\n\n\n
  4. Beginner: Excel defaults or I have people who do that for me\nIntermediate: I&amp;#x2019;m effective with data presentation, but \nExpert: I&amp;#x2019;m a Tufte disciple; I will take over the presentation from here\n\nThis presentation is intended to give you a rapid-fire tour of the skills that I believe are essential to being going at communicating with data. It is a &amp;#x201C;survey&amp;#x201D; course if you will. There is a lot in here and I hope it can help you find some areas to apply to your work.\n
  5. Beginner: Excel defaults or I have people who do that for me\nIntermediate: I&amp;#x2019;m effective with data presentation, but \nExpert: I&amp;#x2019;m a Tufte disciple; I will take over the presentation from here\n\nThis presentation is intended to give you a rapid-fire tour of the skills that I believe are essential to being going at communicating with data. It is a &amp;#x201C;survey&amp;#x201D; course if you will. There is a lot in here and I hope it can help you find some areas to apply to your work.\n
  6. Beginner: Excel defaults or I have people who do that for me\nIntermediate: I&amp;#x2019;m effective with data presentation, but \nExpert: I&amp;#x2019;m a Tufte disciple; I will take over the presentation from here\n\nThis presentation is intended to give you a rapid-fire tour of the skills that I believe are essential to being going at communicating with data. It is a &amp;#x201C;survey&amp;#x201D; course if you will. There is a lot in here and I hope it can help you find some areas to apply to your work.\n
  7. &amp;#x201C;I wanna be like Mike&amp;#x201D; -- a generation of basketball players grew up \n
  8. &amp;#x201C;I wanna be like Mike&amp;#x201D; -- a generation of basketball players grew up \n
  9. A generation of basketball players grew up with a role model named Mike; he inspired them with his skill and competitiveness.\nA generation of visualization students needs to find their own role models...\n\nA few days ago I was sitting across from an executive who was quizzing me on my &amp;#x201C;credentials&amp;#x201D; for designing data visualizations\nI&amp;#x2019;m not sure if he liked my answer: I&amp;#x2019;ve just seen a lot. I have a good sense of what&amp;#x2019;s possible (almost everything) and the many different ways\nthat talented people have create data visualizations. Don&amp;#x2019;t be limited by your imagination or what you&amp;#x2019;ve seen. \nThere are a ton of great resources -- I just want to share a few. In my mind, the gurus in this area tend to exist along two dimensions:\n1. Those that focus on the RIGHT WAY to present data.\n2. Those that focus on CREATIVE NEW WAYS to present data.\n\n
  10. A generation of basketball players grew up with a role model named Mike; he inspired them with his skill and competitiveness.\nA generation of visualization students needs to find their own role models...\n\nA few days ago I was sitting across from an executive who was quizzing me on my &amp;#x201C;credentials&amp;#x201D; for designing data visualizations\nI&amp;#x2019;m not sure if he liked my answer: I&amp;#x2019;ve just seen a lot. I have a good sense of what&amp;#x2019;s possible (almost everything) and the many different ways\nthat talented people have create data visualizations. Don&amp;#x2019;t be limited by your imagination or what you&amp;#x2019;ve seen. \nThere are a ton of great resources -- I just want to share a few. In my mind, the gurus in this area tend to exist along two dimensions:\n1. Those that focus on the RIGHT WAY to present data.\n2. Those that focus on CREATIVE NEW WAYS to present data.\n\n
  11. A generation of basketball players grew up with a role model named Mike; he inspired them with his skill and competitiveness.\nA generation of visualization students needs to find their own role models...\n\nA few days ago I was sitting across from an executive who was quizzing me on my &amp;#x201C;credentials&amp;#x201D; for designing data visualizations\nI&amp;#x2019;m not sure if he liked my answer: I&amp;#x2019;ve just seen a lot. I have a good sense of what&amp;#x2019;s possible (almost everything) and the many different ways\nthat talented people have create data visualizations. Don&amp;#x2019;t be limited by your imagination or what you&amp;#x2019;ve seen. \nThere are a ton of great resources -- I just want to share a few. In my mind, the gurus in this area tend to exist along two dimensions:\n1. Those that focus on the RIGHT WAY to present data.\n2. Those that focus on CREATIVE NEW WAYS to present data.\n\n
  12. A generation of basketball players grew up with a role model named Mike; he inspired them with his skill and competitiveness.\nA generation of visualization students needs to find their own role models...\n\nA few days ago I was sitting across from an executive who was quizzing me on my &amp;#x201C;credentials&amp;#x201D; for designing data visualizations\nI&amp;#x2019;m not sure if he liked my answer: I&amp;#x2019;ve just seen a lot. I have a good sense of what&amp;#x2019;s possible (almost everything) and the many different ways\nthat talented people have create data visualizations. Don&amp;#x2019;t be limited by your imagination or what you&amp;#x2019;ve seen. \nThere are a ton of great resources -- I just want to share a few. In my mind, the gurus in this area tend to exist along two dimensions:\n1. Those that focus on the RIGHT WAY to present data.\n2. Those that focus on CREATIVE NEW WAYS to present data.\n\n
  13. Stephen Few would probably acknowledge that he is the &amp;#x201C;Angry Curmudgeon&amp;#x201D; Professor of Data Visualization\nNo one offers the sustained rage against poor chart design. Despite that, he is an entertaining read and tireless worker for better display of data\n
  14. Then there are the people who are data artists. They create amazing and beautiful visualizations that offer creative new ways to communicate data.\nThey have a lot less interest than Stephen Few in sticking to the book and making every pixel count.\nNevertheless, they are a great source of inspiration. \n\n
  15. Finally, in our opinion, nobody beats the New York Times design group for their ability to create easy to understand, practical, yet innovative visualizations.\nThey are the gold standard. Here are a few examples.\n
  16. Finally, in our opinion, nobody beats the New York Times design group for their ability to create easy to understand, practical, yet innovative visualizations.\nThey are the gold standard. Here are a few examples.\n
  17. Finally, in our opinion, nobody beats the New York Times design group for their ability to create easy to understand, practical, yet innovative visualizations.\nThey are the gold standard. Here are a few examples.\n
  18. Finally, in our opinion, nobody beats the New York Times design group for their ability to create easy to understand, practical, yet innovative visualizations.\nThey are the gold standard. Here are a few examples.\n
  19. By this I mean: whatever tool you use to present data -- Excel, Tableau, Spotfire, PowerPoint, ...it is worth your while to get good at it.\nYou may be saying: I&amp;#x2019;ve got someone for that. Or I don&amp;#x2019;t want to be an Excel jockey.\nThat may be true, but putting in the time has a couple benefits...\n
  20. By this I mean: whatever tool you use to present data -- Excel, Tableau, Spotfire, PowerPoint, ...it is worth your while to get good at it.\nYou may be saying: I&amp;#x2019;ve got someone for that. Or I don&amp;#x2019;t want to be an Excel jockey.\nThat may be true, but putting in the time has a couple benefits...\n
  21. First, it will literally save you time and frustration. Am I assigning homework?\nRather than passing of the responsibility, you have an opportunity to save time, frustration\nData presentation is a long term skill\nPeople say: I want to do great visualizations -- but I don&amp;#x2019;t want to have to work at it\n\n
  22. The second benefit comes when you start to push back the boundaries of what are possible.\nTake Excel (again) as an example. A lot of people would assume it is only good for basic charts.\nWe wanted to challenge that notion...\n
  23. We took a couple beautiful visualizations done by the NYT, and recreated them in Excel\nNow that you&amp;#x2019;ve been inspired by the experts, and you know that you aren&amp;#x2019;t being held back by your tools.\n
  24. This advice is a staple in every presentation about presenting\nKnow who you are communicating to, what their issues are, and how they want to receive information\nRelated concept is the need to have a message -- not just a data dump\n
  25. This advice is a staple in every presentation about presenting\nKnow who you are communicating to, what their issues are, and how they want to receive information\nRelated concept is the need to have a message -- not just a data dump\n
  26. People look at the world from the perspective of their job role, their relationships, their location, and their experience.\nTo fully connect with them, you need to understand their context and present not just data, but data that translates into meaningful information in a way that fits their needs and ability\nThese are two very different people\nThe marketing analyst might want to know how each campaign performed, but the CMO might just be interested in the overall performance and the best and worst performers.\nOf course, understanding your audience isn&amp;#x2019;t enough...you&amp;#x2019;ve got to have something specific to tell them. A message. \n
  27. Who knows what the message is for this dashboard? Of course not. There is no message. There&amp;#x2019;s lots of great information here, shown in some pretty cool ways. But what is it helping me do? Or is it actually leaving me more distracted and confused than before I looked at it? This is the same problem that many information presentations suffer from.\n
  28. If you browse to goingtorain.com, it will tell you in a very simple manner &amp;#x201C;yes&amp;#x201D; or &amp;#x201C;no&amp;#x201D; based on your location. They&amp;#x2019;ve remained ruthlessly committed to their message. When look at data in our businesses, isn&amp;#x2019;t this really what we&amp;#x2019;re trying to get to? Should we hire another developer? Are we going to meet our sales objectives? Will the delivery be on time? Start with your message in mind and make sure, if you don&amp;#x2019;t do anything else, that you deliver that message.\n
  29. \n
  30. \n
  31. start at :33 sec to end\nhttp://www.youtube.com/watch?v=zSoHkadTAxc\n\nRecently, one of our Juice guys wrong a blog post about the difference between being a data gourmet vs. a data gourmand.\n\n\n
  32. The Gourmet values data quality -- the right metrics, in the right context, presented effectively\n\nThe Gourmand is more interested in quantity. Comprehensiveness, more is better...in part because they aren&amp;#x2019;t quite sure what they&amp;#x2019;ll do with it.\n\nThis focus on the right data was best summarized by Amanda Cox\n
  33. Your challenge: how do you help people focus on JUST THE INFORMATION THAT IS ACTIONABLE.\neverything else is distracting.\n\nActionable has as much to do with the recipient as the information -- is it something they have the power or influence to act on?\n\nWeather information, though, offerings an example. I took a look at the weather.com site a while back:\n
  34. Your challenge: how do you help people focus on JUST THE INFORMATION THAT IS ACTIONABLE.\neverything else is distracting.\n\nActionable has as much to do with the recipient as the information -- is it something they have the power or influence to act on?\n\nWeather information, though, offerings an example. I took a look at the weather.com site a while back:\n
  35. Your challenge: how do you help people focus on JUST THE INFORMATION THAT IS ACTIONABLE.\neverything else is distracting.\n\nActionable has as much to do with the recipient as the information -- is it something they have the power or influence to act on?\n\nWeather information, though, offerings an example. I took a look at the weather.com site a while back:\n
  36. Your challenge: how do you help people focus on JUST THE INFORMATION THAT IS ACTIONABLE.\neverything else is distracting.\n\nActionable has as much to do with the recipient as the information -- is it something they have the power or influence to act on?\n\nWeather information, though, offerings an example. I took a look at the weather.com site a while back:\n
  37. The last section was about Choosing the Right Data; Now let&amp;#x2019;s discuss Choosing the Right Chart\n
  38. The last section was about Choosing the Right Data; Now let&amp;#x2019;s discuss Choosing the Right Chart\n
  39. Hook: This is the most common question -- the holy grail of data visualization. \n(There are some good frameworks -- notably Andrew Abela&apos;s)\nHowever, I&apos;m afraid I can&apos;t offer you a magic bullet or comprehensive framework...The best I can do today is help you understand WHAT MAKES AN EFFECTIVE CHART\n\nDoing this well -- the most important attributes of your data (based on the question you want to answer)\nmapped to the visual elements that most effectively convey that information...that is the challenge\n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. {Bring up Michel, have audience compare things}\n\nAND if you use any of these, people will perceive that they have meaning....\n
  49. {Bring up Michel, have audience compare things}\n\nAND if you use any of these, people will perceive that they have meaning....\n
  50. {Bring up Michel, have audience compare things}\n\nAND if you use any of these, people will perceive that they have meaning....\n
  51. Because we struggle so much to define a path to the right chart, we find it a lot easier to pick apart charts that are clearly wrong\nTwo things wrong:\n1. Add up to more than 100%\n2. Pie charts depend on radial distance, rather than length -- and this is exacerbated when in 3-D\n
  52. Fail because it uses connectors between the points -- which imply a relationship. Just because they are next to each other, doesn&amp;#x2019;t mean a relationship exists.\n
  53. \n
  54. \n
  55. If you go to sites like inforgraphics you&amp;#x2019;ll see daily examples that are \n\nintriguing , [click]\ninformative, [click]\ncurious, [click] \nthought provoking, [click]\n and beautiful\n\nBut as far as we&amp;#x2019;re concerned, a visualization technique really isn&amp;#x2019;t worth considering for your own work unless they are:\n1. Easy for people to grasp\n2. Solves a common problem\n3. Reproducible -- i.e. you don&amp;#x2019;t need to be a programmer or artist to render them with new data, usable in multiple situations\nCreate opportunities to answer more complex questions that many standard charts cannot\n
  56. If you go to sites like inforgraphics you&amp;#x2019;ll see daily examples that are \n\nintriguing , [click]\ninformative, [click]\ncurious, [click] \nthought provoking, [click]\n and beautiful\n\nBut as far as we&amp;#x2019;re concerned, a visualization technique really isn&amp;#x2019;t worth considering for your own work unless they are:\n1. Easy for people to grasp\n2. Solves a common problem\n3. Reproducible -- i.e. you don&amp;#x2019;t need to be a programmer or artist to render them with new data, usable in multiple situations\nCreate opportunities to answer more complex questions that many standard charts cannot\n
  57. If you go to sites like inforgraphics you&amp;#x2019;ll see daily examples that are \n\nintriguing , [click]\ninformative, [click]\ncurious, [click] \nthought provoking, [click]\n and beautiful\n\nBut as far as we&amp;#x2019;re concerned, a visualization technique really isn&amp;#x2019;t worth considering for your own work unless they are:\n1. Easy for people to grasp\n2. Solves a common problem\n3. Reproducible -- i.e. you don&amp;#x2019;t need to be a programmer or artist to render them with new data, usable in multiple situations\nCreate opportunities to answer more complex questions that many standard charts cannot\n
  58. If you go to sites like inforgraphics you&amp;#x2019;ll see daily examples that are \n\nintriguing , [click]\ninformative, [click]\ncurious, [click] \nthought provoking, [click]\n and beautiful\n\nBut as far as we&amp;#x2019;re concerned, a visualization technique really isn&amp;#x2019;t worth considering for your own work unless they are:\n1. Easy for people to grasp\n2. Solves a common problem\n3. Reproducible -- i.e. you don&amp;#x2019;t need to be a programmer or artist to render them with new data, usable in multiple situations\nCreate opportunities to answer more complex questions that many standard charts cannot\n
  59. If you go to sites like inforgraphics you&amp;#x2019;ll see daily examples that are \n\nintriguing , [click]\ninformative, [click]\ncurious, [click] \nthought provoking, [click]\n and beautiful\n\nBut as far as we&amp;#x2019;re concerned, a visualization technique really isn&amp;#x2019;t worth considering for your own work unless they are:\n1. Easy for people to grasp\n2. Solves a common problem\n3. Reproducible -- i.e. you don&amp;#x2019;t need to be a programmer or artist to render them with new data, usable in multiple situations\nCreate opportunities to answer more complex questions that many standard charts cannot\n
  60. If you go to sites like inforgraphics you&amp;#x2019;ll see daily examples that are \n\nintriguing , [click]\ninformative, [click]\ncurious, [click] \nthought provoking, [click]\n and beautiful\n\nBut as far as we&amp;#x2019;re concerned, a visualization technique really isn&amp;#x2019;t worth considering for your own work unless they are:\n1. Easy for people to grasp\n2. Solves a common problem\n3. Reproducible -- i.e. you don&amp;#x2019;t need to be a programmer or artist to render them with new data, usable in multiple situations\nCreate opportunities to answer more complex questions that many standard charts cannot\n
  61. If you go to sites like inforgraphics you&amp;#x2019;ll see daily examples that are \n\nintriguing , [click]\ninformative, [click]\ncurious, [click] \nthought provoking, [click]\n and beautiful\n\nBut as far as we&amp;#x2019;re concerned, a visualization technique really isn&amp;#x2019;t worth considering for your own work unless they are:\n1. Easy for people to grasp\n2. Solves a common problem\n3. Reproducible -- i.e. you don&amp;#x2019;t need to be a programmer or artist to render them with new data, usable in multiple situations\nCreate opportunities to answer more complex questions that many standard charts cannot\n
  62. If you go to sites like inforgraphics you&amp;#x2019;ll see daily examples that are \n\nintriguing , [click]\ninformative, [click]\ncurious, [click] \nthought provoking, [click]\n and beautiful\n\nBut as far as we&amp;#x2019;re concerned, a visualization technique really isn&amp;#x2019;t worth considering for your own work unless they are:\n1. Easy for people to grasp\n2. Solves a common problem\n3. Reproducible -- i.e. you don&amp;#x2019;t need to be a programmer or artist to render them with new data, usable in multiple situations\nCreate opportunities to answer more complex questions that many standard charts cannot\n
  63. \n
  64. Raise your hand if you are familiar with this visualization? [audience participation]\nIt is call the Map of the Market and it shows market sectors and individual companies\n* size of each box represents market cap\n* color of each box represents the change for the day.\n\nTreemaps aren&amp;#x2019;t exactly simple\nThey are one of the most effective ways to show complex data\n\nHere&amp;#x2019;s what they do well:\n1. Show the full picture\n2. Zoom down to detail\n3. See what is big...and therefore important\n4. See what is changing, up and down.\n\n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. One of your central challenges in communicating data is battling the inertia of complexity -- more data, more reports, more visual mess\n\nToo complex turns people off (iPod vs. MP3 players)\nBut, inertia drives complexity\n&amp;#x201C;We should show this, that, and the other thing&amp;#x201D; -- have you ever asked around for what people want to see--no shortage of ideas.\nRules of thumb...\nYou won&amp;#x2019;t be there to explain it\nIf you are explaining the chart and not the data, you&amp;#x2019;ve lost your way\n
  71. What are some ways to lower barriers to understanding...\n* Distracting graphics:\n* Language:\n* Chart deciphering: If you have to explain it, you&amp;#x2019;ve lost. E.g. dual axis chart...-- I used to be fine with these.\nWe forget -- our audience has thought a lot less about then data than we have\n\n
  72. What are some ways to lower barriers to understanding...\n* Distracting graphics:\n* Language:\n* Chart deciphering: If you have to explain it, you&amp;#x2019;ve lost. E.g. dual axis chart...-- I used to be fine with these.\nWe forget -- our audience has thought a lot less about then data than we have\n\n
  73. Lets talk about &amp;#x201C;distracting graphical elements&amp;#x201D;\n\nGood presentation presents only what is necessary; Bond, James Bond. It is clean, tailored like Bond&amp;#x2019;s immaculate tuxedo.\n\nBad presentation [Click]; well. It&amp;#x2019;s something else. You can dress up the exact same data in a different suit. The results are distracting. Let&amp;#x2019;s step back a bit [Click] [Click]. Yes, the suit makes the man.\n\nLet&amp;#x2019;s just say; here I don&amp;#x2019;t notice the man, I&amp;#x2019;m trying to understand what&amp;#x2019;s going on with his giant red diaper. The clothes distract from the message\n
  74. Lets talk about &amp;#x201C;distracting graphical elements&amp;#x201D;\n\nGood presentation presents only what is necessary; Bond, James Bond. It is clean, tailored like Bond&amp;#x2019;s immaculate tuxedo.\n\nBad presentation [Click]; well. It&amp;#x2019;s something else. You can dress up the exact same data in a different suit. The results are distracting. Let&amp;#x2019;s step back a bit [Click] [Click]. Yes, the suit makes the man.\n\nLet&amp;#x2019;s just say; here I don&amp;#x2019;t notice the man, I&amp;#x2019;m trying to understand what&amp;#x2019;s going on with his giant red diaper. The clothes distract from the message\n
  75. The primary rule of chart design is to look at every element in your chart and make sure it is supporting the story the data is telling.\n\nThese rules were popularized by Edward Tufte (professor emeritus at Yale).\n\nLet me show you an example of what is possible when we remove ornamentation \n
  76. In this example, first the extraneous decoration is removed, then we made sure that all the pixels were working hard.\n
  77. Here&amp;#x2019;s a table. Where&amp;#x2019;s the tablejunk here? the unnecessary and distracting decorative elements.\n
  78. Display the smallest amount of numbers that you can to support the needs of the table. Also notice that we put a header in the top to show the units.\n\nI want to talk a little bit more about data precision\n
  79. \n
  80. \n
  81. [pause] Everybody has preferences about what they think is attractive, right? So why do we think that looks don&amp;#x2019;t matter when it comes to data visualization? \n\nLet&amp;#x2019;s take a look look at a few ways to make your data look like a fuzzy kitten.\n
  82. Hook: The intersection of people good with data and design is a bit rare. But you don&amp;#x2019;t need to be a designer -- there are some simple things you can do to &amp;#x201C;play one on TV&amp;#x201D;\nTrust me: these are the people I try to hire\n
  83. Hook: we&amp;#x2019;re not all experts at combining colors...\n* Less is more\n* Choosing the right scheme\n* Go to the experts\n
  84. Overheated use of color\n
  85. Restrained: few colors, subtle\nMeaningful: drawing your attention, color implies information\n
  86. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  87. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  88. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  89. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  90. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  91. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  92. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  93. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  94. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  95. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  96. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  97. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  98. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  99. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  100. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  101. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  102. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  103. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  104. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  105. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  106. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  107. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  108. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  109. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  110. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  111. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  112. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  113. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  114. Finally, let&amp;#x2019;s talk just a little about colors. Proper color application can be tricky, but start with knowing about 3 ways to color your data.\n\nThe first is called Sequential coloring. This is used for data that has an order like quartiles or ranges. The resulting colors therefore also have an order\n\nThe second is called Diverging coloring. This model is used when there is a mid point or norm in the data. The two color on the ends show extremes.\n\nThe third is is called Categorical. Use this model when the data is for different items that don&amp;#x2019;t imply sequence, such as departments, or states.\n\nSo what are some great color sets to use? Cynthia Brewer has created a great site called colorbrewer that has many awesome color sets that you can use.\n\nlean on the experts\n
  115. Next, let&amp;#x2019;s talk a little about contrast. Contrast is used to highlight key points in your information.\n\nIn practice, this is more often about about de-emphasizing the stuff that isn&amp;#x2019;t as important. Let&amp;#x2019;s look at an example. [click]\n
  116. Next, let&amp;#x2019;s talk a little about contrast. Contrast is used to highlight key points in your information.\n\nIn practice, this is more often about about de-emphasizing the stuff that isn&amp;#x2019;t as important. Let&amp;#x2019;s look at an example. [click]\n
  117. So, how do you ever select the right one? Many times when you try to build a text based information document, you just end up with a Frankenstein of sizes and fonts. That&amp;#x2019;s why Juice created we&amp;#x2019;ve created something we call the simple font framework. In four easy steps you&amp;#x2019;ll be able to convert your Frankenstein into a Venus Demilo\n
  118. We start by specifying the body text. This is what the vast majority of your text will be written in. You want to pick a small-ish size of a simple font like Arial or Georgia.\n
  119. We start by specifying the body text. This is what the vast majority of your text will be written in. You want to pick a small-ish size of a simple font like Arial or Georgia.\n
  120. Next, use headers to separate and name sections. For headers, base this font on the body. If your body font is 10points in size, your header font would be about 15 to 20 points.\n
  121. Next, use headers to separate and name sections. For headers, base this font on the body. If your body font is 10points in size, your header font would be about 15 to 20 points.\n
  122. Often times there notes that you need to add to summarize content or highlight advanced topics. You want notes to be more subtle than the body, so go with the same font style at about 85% size with a lower contrast color.\n
  123. Often times there notes that you need to add to summarize content or highlight advanced topics. You want notes to be more subtle than the body, so go with the same font style at about 85% size with a lower contrast color.\n
  124. Finally, for those few situations where you want to highlight some text, apply the emphasis rules we discussed earlier.\n
  125. Finally, for those few situations where you want to highlight some text, apply the emphasis rules we discussed earlier.\n
  126. And now you know how to apply the Juice Simple Font Framework to tighten up your text so that it looks intentional and not accidental.\n
  127. \n
  128. \n
  129. Data Storytelling is a bit of an exaggeration\nNevertheless, there are things Vizards can learn from the art of storytelling\n
  130. {stop before 0:40}\nThe relevant point that I think he makes is that it isn&amp;#x2019;t good enough to just put your product out there;\nyou need to sell your message; data communication isn&amp;#x2019;t the same things as data delivery\n\n
  131. The standard practice for laying out a dashboard, unfortunately, has been to slot charts into a grid.\nWhen I first look at this, does it help me organize my thinking, or tell me anything about the big picture?\nA dashboard represents something real E.g. a process, organization, activity, campaign, etc.\nFlow has to be looked at from the right perspective/organizational view...otherwise, it just gets a tad overwhelming. - James\nWhat is the structure of your dashboard that helps someone wrap their head around it -- and how does someone navigate through that structure?\n1. Provides a logical structure that reflects the thing the dashboard is about\n2. Provides a workflow that helps users go from common questions to find answers\n
  132. Many dashboards are created to show a process or something with a sequence of events\ne.g. sales pipelines, marketing campaign, operational process\nWhy not build your dashboard EXPLICITLY around this process. It gives people something easy to grasp immediately.\n
  133. In addition to a structure, you also want to make a WORKFLOW that moves users through the process of exploration.\nIn my experiences, a majority of the time you want to enables a very EXPLICIT DRILL-DOWN from the highest level key metrics to detailed data.\nIn this dashboard, the marketing campaign key metrics at the top then lead the user to information about who saw the campaign, and increasingly levels of detail.\nWorkflow is about the stages you want the user to go through. Let&amp;#x2019;s look at some of the common workflows\n
  134. \n
  135. \n
  136. You have choices for how data is presented\nMake those choices deliberately -- based on your audience, their needs, the information\n\n
  137. You have choices for how data is presented\nMake those choices deliberately -- based on your audience, their needs, the information\n\n
  138. You have choices for how data is presented\nMake those choices deliberately -- based on your audience, their needs, the information\n\n
  139. You have choices for how data is presented\nMake those choices deliberately -- based on your audience, their needs, the information\n\n
  140. consider HOW the data is communicated -- the format in which it is conveyed\n
  141. consider HOW the data is communicated -- the format in which it is conveyed\n
  142. \n
  143. \n
  144. \n
  145. \n
  146. \n
  147. \n
  148. \n
  149. \n
  150. \n
  151. \n
  152. \n
  153. \n