• Save
Data Visualization Best Practices 2013
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Data Visualization Best Practices 2013

on

  • 32,729 views

 

Statistics

Views

Total Views
32,729
Views on SlideShare
30,093
Embed Views
2,636

Actions

Likes
145
Downloads
225
Comments
4

42 Embeds 2,636

http://aquideomnibusdubitandum.wordpress.com 775
http://visualoop.com 386
http://www.scoop.it 312
http://outsourceando.blogspot.com.es 292
http://learni.st 283
https://twitter.com 125
http://www.101metrics.com 110
http://outsourceando.blogspot.com 109
http://es.paperblog.com 52
http://outsourceando.blogspot.mx 32
https://www.postwire.com 25
http://feeds.feedburner.com 18
http://feedly.com 14
http://outsourceando.blogspot.com.ar 13
http://sebastianpbr.blogspot.mx 13
http://www.postwire.com 8
http://colorfuljosyblog.wordpress.com 7
https://aquideomnibusdubitandum.wordpress.com 7
http://demo.sitscape.com 7
http://www.newsblur.com 4
http://outsourceando.blogspot.fr 4
https://www.linkedin.com 4
http://outsourceando.blogspot.co.uk 4
https://www.rebelmouse.com 3
http://bundlr.com 3
http://www.linkedin.com 3
http://digg.com 2
http://www.onlydoo.com 2
http://www.google.com.ar 2
http://comtel.in 2
http://dreamplug.wordpress.com 2
http://outsourceando.blogspot.ca 2
http://tweetedtimes.com 2
http://outsourceando.blogspot.co.at 1
http://musikagintza.blogspot.ru 1
http://192.168.1.10 1
http://outsourceando.blogspot.de 1
http://127.0.0.1 1
http://www.pinterest.com 1
http://www.mefeedia.com 1
http://translate.googleusercontent.com 1
http://outsourceando.blogspot.jp 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

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…
  • It's really very good presentation... just I have one questions regarding visualizing huge unstructured text data such as laws in a country and overlaps between those laws... any suggestions?
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks for this wonderful presentation.
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks for a great presentation, fellow Jen. There is such a huge alignment between your teachings and the guidelines for data reporting in education (i.e., over-the-counter data (OTCD) standards; www.overthecounterdata.com/otcd ). Education research shows a direct correlation between these standards and an increase in the accuracy of educators' data analyses when using such reports/graphs/etc., so I'm sure by sharing these slides with others you are having a great, positive impact on recipients' ability to understand data displayed in a variety of fields! :-)
    Are you sure you want to
    Your message goes here
    Processing…
  • Awesome
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Data Visualization Best Practices 2013 Presentation Transcript

  • 1. Data VisualizationBest Practices http://www.jenunderwood.com jen@jenunderwood.com
  • 2. Favorite References
  • 3. The Value of Data Visualization – Two basic types – find a story the data is telling you – tell a story to an audience – Represents large quantities of data coherently – Help the user to in the data – Does not distort what the data has to say – Takes into account your
  • 4. The Value of Data Visualization
  • 5. The Value of Data Visualization
  • 6. Audience Considerations• What information does the reader need to be successful?• How much detail does the reader need? and what values need action?• What learned or cultural ? – Identity, Motivation, Language and learned Social Context – What do mean? – Which are familiar?• Don’t forget (quite common) – Color palettes friendly to those with color blindness at http://colorlab.wickline.org/colorblind/colorlab
  • 7. Gestalt Principles of Perception : Objects that are close together or connected are perceived as a group : Objects that share similar attributes, color or shape, are perceived as a group : Objects that appear to have a boundary or a continuation around them are perceived as a group : Open structures can be easily perceived as closed, complete
  • 8. Common Data Visualization Issues• Inappropriate display choices that distort reality i.e. , 3-D charts• Variety for the sake of variety display choices that use noisy fill patterns, line styles, or saturated/bright colors quantitative data and placement• Inconsistent or reversed scales• Proportional axis scaling• Using counts vs. percentages when comparing periods with different totals
  • 9. Chart with Integrity VS.http://danspira.com/2009/07/08/same-data-different-graphsAn example of the “charting tricks” politicians use:1. Vertical scaling: Both graphs use a y-axis that is proportionately bigger than the x-axis, exaggerating slope of recent job losses.2. Absolute values: One graph counts actual number of jobs lost, instead of the percentage of jobs lost. The workforce has grown considerably over the years, this exaggerates the downward slope of recent job losses.3. Narrower context: One graph uses fewer past recessions in the comparison, and leaves out the more-severe 1981 recession, and two shorter recessions. This skews extrapolation of what might happen next.
  • 10. Chart with Integrity VS.http://www.perceptualedge.com/articles/Whitepapers/Common_Pitfalls.pdfAnother example of the “charting tricks”:1. Expressing measures indirectly: One graph more accurately depicts variance, the measure of true concern.2. Absolute values: Variances are better shown when expressed in units of positive and negative percentages.
  • 11. Bad Data Visualization
  • 12. Bad Data Visualization
  • 13. Good Data Visualizationhttp://www.perceptualedge.com/examples.php
  • 14. Choosing the Right Chart Type SOURCE: Dr. Andrew Abela http://www.labnol.org/software/find-right-chart-type-for-your-data/6523/
  • 15. Design Considerations• Part to whole • Exception highlighting• Bar Charts • Avoid meaningless variety• Line Charts • Empty points• Disparate Values • Do not use 3-D charts• Gridlines • Appropriate use of color• Sparklines • Multiple chart areas• Bullet graphs • Use text sparingly• Small multiples • Avoid Too Much Information• Pareto charts • Physical position is easiest to• Status indicators perceive and most powerful visual property
  • 16. Part to Whole RelationshipsUse Bar Charts versus Pie Charts
  • 17. Part to Whole Relationships
  • 18. Bar Chart for comparing across categories, discrete data or continuous data• Orientation: Horizontal for• Proximity – Set white space width separating contiguous bars equal to 50%-150% width of bars (unless bullet graph like)• Fills – Use distinct, but no intense colors for highlighting• Borders – Avoid, – Always start at the axis unless it’s a range bar chart• Tick marks – Don’t overdo the number of tick marks or tick mark labels – Use consistent, sensible tick mark values
  • 19. Dealing with Disparate Values
  • 20. GridlinesUse for value look-up, subtle is best
  • 21. Line Chart Best Practices• Lines should mostly be used for connecting on interval scale except Pareto chart• Intervals should be equal in size• Combination charts should used synchronized axis• Lines should only values in adjacent intervals – If data is missing, indicate it is missing
  • 22. Sparklines, Data Bars, Indicators• Data-intense, design simple,• Provide of• Highlight Min and Max• Remove or except series
  • 23. Bullet Graphs• Key measure (value) and Comparative measure (goal) and qualitative ranges (good, bad, or exceed)• Can be oriented horizontally or vertically
  • 24. Scatter PlotsGreat for correlations between two quantitative dimensions
  • 25. Small Multiples or Trellis ChartSmall sets of charts arranged in Tables or Matrices to comparethe sense or trend of many values concurrently
  • 26. TreemapsUse Treemaps to display large numbers of values that exceed thenumber that can effectively be shown in a bar graph
  • 27. MapsThematic, data overlays, geospatial radius, trade areas, networkanalytics and route performance
  • 28. Background MappingVisual location context
  • 29. AnimationView trends over time
  • 30. Extreme Data SizesNot necessarily a best practice but sometimes needed
  • 31. Dashboard Design• Designed by consider• Strategic, Analytical and Operational• Combination of individual data visualizations• Must fit• Monitored at a glance so or• Important to and keep context items near each other
  • 32. Common Dashboard Design PitfallsStephen Few, Perceptual Edge1. Exceeding the boundaries of a single screen2. Supplying for the data3. Displaying or precision4. Expressing measures indirectly5. Choosing of display6. Introducing7. Using poorly designed display media8. Encoding quantitative data inaccurately9. Arranging the data poorly what’s important11. Cluttering the screen with12. Misusing or overusing color13. Designing an unappealing visual display http://www.perceptualedge.com/articles/ Whitepapers/Common_Pitfalls.pdf
  • 33. InfoGraphics• Visual information Showcase numbers to provide• Don’t over do it• Avoid text heavy reports• Try to or http://visual.ly/ over by and http://chandoo.org http://www.tableausoftware.com
  • 34. Additional Resources• Jen Underwood Blog http://www.jenunderwood.com/gallery.htm• Stephen Few http://perceptualedge.com• Edward Tufte http://www.edwardtufte.com/tufte• Choosing Right Chart Type http://www.labnol.org/software/find-right-chart-type-for-your-data/6523/• Clearly and Simply http://www.clearlyandsimply.com• Chandoo http://chandoo.org/wp/excel-dashboards/• R http://gallery.r-enthusiasts.com/thumbs.php• Word Clouds http://www.wordle.net• Tableau http:www.tableasoftware.com• JavaScript InfoVis Toolkit http://philogb.github.io/jit• D3 http://d3js.org• Reporting Services http://www.microsoft.com/en-us/bi/Products/SQLServer.aspx• Power View http://www.microsoft.com/en-us/bi/Products/PowerView.aspx• PowerPivot http://www.microsoft.com/en-us/bi/Products/PowerPivot.aspx• Excel 2013 http://www.microsoft.com/en-us/bi/Products/OfficePreview.aspx• Visio 2013 http://visio.microsoft.com/en-us/Preview/visio-benefits.aspx#link-diagrams-to-dynamic-data• OpenLayers http://openlayers.org/• PolyMaps http://polymaps.org/• Open Street Map http://www.openstreetmap.org/• Charlotte Visualization Center https://viscenter.uncc.edu