Making pretty charts that actually mean something
Upcoming SlideShare
Loading in...5
×
 

Making pretty charts that actually mean something

on

  • 929 views

Learn how to make visually compelling charts that still convey great meaning using the best data visualization techniques.

Learn how to make visually compelling charts that still convey great meaning using the best data visualization techniques.

Statistics

Views

Total Views
929
Views on SlideShare
929
Embed Views
0

Actions

Likes
3
Downloads
8
Comments
1

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • very neat. I like the section on pie/bar graphs and have been reading tufte's book, although it's been a bit dated.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Cognos dashboard
  • Microstrategy
  • A central part of analyzing data is thinking about how we need to look at the numbers to understandthem. Data visualization is powerful because it can condense a lot of complicated information into asmall space and so answer important questions. But this can only happen when the design allows thoseanswers to show through.The variety of charts out there may seem endless, but they really boil down to six core visual elements:grouping, size, position, angle, color, and annotation. When we visualize data, these elements are ourbuilding blocks. In this post, I’ll step through each of these visual elements and show how we can usethem to design thoughtful visualizations of our data.
  • The visual differences between the shapes of the various numbers that appear (for instance, the difference in shape between a "3" and a "5") are too complex to process preattentively.
  • This time perception was easy and immediate, because the 5's were encoded with a different preattentive visual attribute from the other numbers—in this case, a different color. Why is this important to note? Because if you want to visually encode information in a manner that can be perceived instantly and easily by your readers, you now know that you should visually encode the data using preattentive attributes, and if you want some of the data to stand out from the rest, you should encode it using different preattentive attributes.
  • Data-Ink Ratio
  • Data-Ink Ratio
  • Data-Ink Ratio
  • Data-Ink Ratio
  • How we aggregate underlying dataShould we look at data in a yearly, quarterly, monthly, weekly granularity?
  • How we aggregate underlying dataShould we look at data in a yearly, quarterly, monthly, weekly granularity?
  • It all depends about the answer you’re looking for. The chart on the left is great if you want to see quarterly trends, but what if you want to find out how the Facebook ad campaign you launched last Tuesday did?
  • How we aggregate underlying dataShould we look at data in a yearly, quarterly, monthly, weekly granularity?
  • How we aggregate underlying dataShould we look at data in a yearly, quarterly, monthly, weekly granularity?

Making pretty charts that actually mean something Making pretty charts that actually mean something Presentation Transcript

  • Making pretty charts that actually mean something ben@bensullins.com @bensullins
  • warm-up
  • Name an opposite Tree River
  • Name an opposite couch rug
  • Name an opposite Grumpy Cat Boo
  • List 3 alternate uses Mask Recycle Bin Speaker Paper Weight Hockey Puck Table Leveler
  • How did the chicken cross the road? He walked…
  • How did the legless chicken cross the road?
  • On his wing tips!
  • what is beauty?
  • cognos
  • Microstrategy
  • http://vizcandy.blogspot.com/2013/07/replicating-new-york-times-d3js-chart.html
  • Oracle PeopleSoft
  • http://vizcandy.blogspot.ca/p/tableau-8-redoux.html
  • Business Objects
  • QlickView
  • Why is data beautiful?
  • “Beauty is about perception, not about make-up.” Kevyn Aucoin (makeup artist / photographer)
  • Selective Attention Test http://www.youtube.com/watch?v=vJG698U2Mvo&feature=youtu.be&fullscreen=1
  • Count how many times the number “5” appears
  • Now count the number of time “5” appears in the same set of numbers
  • Attentive Processing Pre-attentive Processing
  • Which product categories are trending up?
  • Which product categories are trending up?
  • Attentive Pre-attentive
  • What are our best Product Sub-Categories?
  • What are our best Product Sub-Categories?
  • Which product categories are doing good this year?
  • Which product categories are doing good this year?
  • why stats aren’t enough
  • Data Stats
  • Stats Visualized Data Visualized Francis Anscombe, 1973
  • How to make data beautiful?
  • Reduce non-data pixels Enhance data pixels
  • “Above all else, show the data” Edward Tufte, 1983
  • Data-ink ratio Edward Tufte, 1983
  • Data-pixel ratio Stephen Few, 2004
  • How can we increase the data-pixel ratio?
  • How can we increase the data-pixel ratio?
  • How can we increase the data-pixel ratio?
  • enhance data-pixels
  • granularity
  • Granularity, which is right? Monthly Daily
  • Granularity, which is right? Sub-Category Category
  • size & scale
  • Bubbles on a map
  • Sizing Bars – preserve true portions
  • position
  • angle
  • Connect dots/bars to show trends over time
  • color
  • Color – proper use
  • Color – improper use
  • Color – what does your mind do here?
  • annotation
  • Annotation – reference lines
  • Annotation – grid lines
  • Annotation – grid lines
  • Darkhorse Analytics Example
  • bensullins.com
  • Sources Information Visualization: Perception for Design - Colin Ware Designing Effective Tables and Graphs - Stephen Few Which chart or graph is right for you? - Tableau Software Now You See It: Tableau 2008 Users Conference - Stephen Few Tapping the Power of Visual Perception - Stephen Few Designing Data – Typekit blog - Mike Sall Anscombe’s Quartet – Wikipedia - Francis Anscombe Data Viz Techniques in Tableau - Andy Kriebel