Introduction to Visualization
-
Upload
juice-analytics -
Category
Data & Analytics
-
view
602 -
download
0
Transcript of Introduction to Visualization
![Page 2: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/2.jpg)
we craft applications that make using data enjoyable
and rewarding
Juice, Inc.©2016
![Page 3: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/3.jpg)
Juice, Inc.©2016
Don’t be accidental
Have a message
Keep it simple
Provide context
Apply design fundamentals
![Page 4: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/4.jpg)
Have a message
Juice, Inc.©2016
![Page 5: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/5.jpg)
![Page 6: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/6.jpg)
“Perfection is achieved, not when there’s nothing more to add, but when there is
nothing left to take away.”
Antoine de Saint-Exupéry
Squelch the noise
Juice, Inc.©2016
![Page 8: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/8.jpg)
Juice, Inc.©2016
Show only what’s needed - nothing more
![Page 9: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/9.jpg)
Juice, Inc.©2016
Leaders
Laggers
Norms
Historical Tendencies
Internal drivers
External drivers
Who’s the model?
Who needs coaching?
Who’s out of line?
Is change happening?
What’s driving?
Whose related?
Align your charts with your intent
![Page 10: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/10.jpg)
Juice, Inc.©2016
One metric across many categories
Relationships across
categories
Outliers
Find leaders, laggers, and anchorsby using: Comparisons and Distributions
![Page 11: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/11.jpg)
Juice, Inc.©2016
Metric for one category across time
Who is changin
g
Transitions
Find historical tendenciesby using: Trends
![Page 12: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/12.jpg)
Juice, Inc.©2016
Metric with subcomponents
Factors driving chang
e
Discover internal driversby using: Compositions
Year
![Page 13: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/13.jpg)
Juice, Inc.©2016
Clustering
Outliers
Discover external driversby using: Relationships
Many metrics for many categories
![Page 15: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/15.jpg)
Juice, Inc.©2016
Keep it simple
![Page 16: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/16.jpg)
Juice, Inc.©2016
...with ‘simplistic’ ”
Garr Reynolds
“Don’t confuse ‘simple’...
![Page 17: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/17.jpg)
Juice, Inc.©2016
Surveying the results of psychological experiments in the 1950s
“My problem is that I have been persecuted by an integer.”
![Page 18: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/18.jpg)
Juice, Inc.©2016
Binary digits Numbers Letters + Digits Short words Long words0
2
4
6
8
10
Number of items we can recall
![Page 19: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/19.jpg)
Juice, Inc.©2016
2,147,483,648 bytes
![Page 20: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/20.jpg)
Juice, Inc.©2016
2,147,483,648 bytes
7digits5 one syllable words2 seconds audio3 visual images
![Page 21: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/21.jpg)
Juice, Inc.©2016
Computer You0
1,000,000,000
2,000,000,000
3,000,000,000
Working memory capacity
![Page 22: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/22.jpg)
Juice, Inc.©2016
“Easy is hard”Pat Hanrahan
![Page 23: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/23.jpg)
Juice, Inc.©2016
Without context: 100 people, 100 conclusions
Context gives data meaning
![Page 24: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/24.jpg)
Juice, Inc.©2016
career home runs*762
career home runs*
![Page 25: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/25.jpg)
Juice, Inc.©2016
762
Barry Lamar Bonds
HENRY
“HANK”
AARON762career home runs
*
![Page 26: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/26.jpg)
Juice, Inc.©2016
284 +4.5% v. last month-2.8% v. goal
comparison to previous time period
and goal
Q1 2009 Q2 2009 Q3 2009 Q4 20090
100
200
300
400Goal Actual
shown within broader context of overall trend and goals
relevant scopein Q3 2009new leadsmetric name
the new “Vortex” marketing campaign drove new leads after a slow Q2
explanation of mitigating factors
Types of data context
![Page 27: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/27.jpg)
Juice, Inc.©2016
People context
Chief Marketing OfficerMarketing Analyst
How does the data fit into my workflow?
What expectations or assumptions do I
have?
How do I interpret the metric?
What other information am I looking at? Does it support or contradict?
Who is sharing the data? Do they have
credibility?
![Page 28: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/28.jpg)
Juice, Inc.©2016
Treemaps
Sparklines
Small multiples
3 visualization techniques worth knowing
![Page 29: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/29.jpg)
Juice, Inc.©2016
See the full picture
Biggest segments
Movers
See detail
Treemaps: The cure for big data display
![Page 30: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/30.jpg)
Juice, Inc.©2016
Spending by category/line item
![Page 31: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/31.jpg)
Juice, Inc.©2016
Sales by title, retailer
![Page 32: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/32.jpg)
Juice, Inc.©2016
Sparklines
“Small high-resolution graphics usually embedded in a full context of words, numbers, images. Sparklines as datawords: data-intense, design-simple, word-sized graphics.”
- Edward Tufte20.59%Direct Traffic
word-sized graphics
![Page 33: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/33.jpg)
Juice, Inc.©2016
Sparklines add context
Comparison of values
![Page 34: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/34.jpg)
Juice, Inc.©2016
Sparklines add context
Trend
![Page 35: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/35.jpg)
Juice, Inc.©2016
Sparklines add context
Highest and lowest values
![Page 36: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/36.jpg)
Juice, Inc.©2016
Sparklines add context
Comparison to a goal
![Page 37: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/37.jpg)
Juice, Inc.©2016
Step 1
Step 2
Small multiples
Create a simple chart
Replicate the chart for related parameters using the same structure and scale
![Page 38: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/38.jpg)
Juice, Inc.©2016
http://www.nytimes.com/interactive/2009/04/16/us/20090419-Agency-Suburbs.html
displayed by CITY
NY Timesstorytelling with small multiples
![Page 39: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/39.jpg)
Juice, Inc.©2016
http://www.nytimes.com/interactive/2008/05/30/sports/playmagazine/20080601_WOODS_GRAPHIC.html
displayed by METRIC
NY Timesstorytelling with small multiples
![Page 40: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/40.jpg)
Apply design fundamentals
![Page 41: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/41.jpg)
Juice, Inc.©2016
Looks matter.
![Page 42: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/42.jpg)
Juice, Inc.©2016
Right and wrong in data visualization
![Page 43: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/43.jpg)
Juice, Inc.©2016
6 principles describe how we determine visual context
![Page 44: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/44.jpg)
1) Principle of ProximityThings that are spatially close belong to a group
Juice, Inc.©2016
![Page 45: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/45.jpg)
1) Principle of ProximityThings that are spatially close belong to a group
Juice, Inc.©2016
![Page 46: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/46.jpg)
2) Principle of SimilarityThings that are spatially close belong to a group
Juice, Inc.©2016
![Page 47: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/47.jpg)
3) Principle of EnclosureObjects that are enclosed by a shape will be seen as a group
Juice, Inc.©2016
![Page 48: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/48.jpg)
3) Principle of EnclosureObjects that are enclosed by a shape will be seen as a group
Juice, Inc.©2016
![Page 49: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/49.jpg)
3) Principle of EnclosureObjects that are enclosed by a shape will be seen as a group
Juice, Inc.©2016
![Page 50: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/50.jpg)
4) Principle of ClosureWe strive to perceive shapes as complete
Juice, Inc.©2016
![Page 51: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/51.jpg)
4) Principle of ClosureWe strive to perceive shapes as complete
Juice, Inc.©2016
![Page 52: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/52.jpg)
5) Principle of ContinuityObjects that are aligned are perceived as a group
Juice, Inc.©2016
![Page 53: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/53.jpg)
6) Principle of ConnectionObjects that are connected are part of the same group
Juice, Inc.©2016
![Page 54: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/54.jpg)
Things that are spatially close belong to a group
Proximity
SimilarityThings that share color, size or shape belong to a group
EnclosureObjects that are enclosed by a shape will be seen as a group
ClosureWe strive to perceive shapes as complete
ContinuityObjects that are aligned are perceived as a group
ConnectionObjects that are connected are part of the same group
Juice, Inc.©2016
![Page 55: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/55.jpg)
Increase data-ink ratio(make every pixel tell a story about your data)
Fundamental rule of chart design
Reduce chartjunk(remove chart elements that are decorative or ornamental)
Juice, Inc.©2016
![Page 56: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/56.jpg)
Remove chart-junk
Images courtesy of Tim Bray: http://www.tbray.org/ongoing/When/200x/2003/03/13/Data-Ink
Increase data-ink
Increase data-ink
Juice, Inc.©2016
![Page 57: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/57.jpg)
Fundamental rules of table design
Increase data-ink ratio(make every character meaningful)
Reduce tablejunk(remove chart elements that are decorative or ornamental)
Juice, Inc.©2016
![Page 58: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/58.jpg)
Reduce tablejunk
Juice, Inc.©2016
![Page 59: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/59.jpg)
Reduce tablejunk
Juice, Inc.©2016
![Page 60: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/60.jpg)
Reduce tablejunk
Juice, Inc.©2016
![Page 61: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/61.jpg)
Objects that are aligned are perceived as a group
Principle of ProximityThings that are spatially close belong to a group
Principle of Continuity
Juice, Inc.©2016
![Page 62: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/62.jpg)
Reduce tablejunk
Juice, Inc.©2016
![Page 63: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/63.jpg)
Reduce tablejunk
Juice, Inc.©2016
![Page 64: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/64.jpg)
Increase data-ink ratio
vJuice, Inc.©2016
Juice, Inc.©2016
![Page 65: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/65.jpg)
Increase data-ink ratio
1 degree latitude = ~60 miles
.001 degree latitude = 300 feet
0.00000000000001 degree latitude = 1 micron, the width of a very small bacteria
Hence, the software must have been pirated by a bacteria
Juice, Inc.©2016
![Page 66: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/66.jpg)
Increase data-ink ratio
Juice, Inc.©2016
![Page 67: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/67.jpg)
Increase data-ink ratio
Juice, Inc.©2016
![Page 68: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/68.jpg)
Increase data-ink ratio
Juice, Inc.©2016
![Page 69: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/69.jpg)
Tables
Remove gridlines
Use lines or whitespace to separate areas that are conceptually different
Display the smallest amount of numbers that you can to support the needs of the table
Juice, Inc.©2016
![Page 70: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/70.jpg)
Contrast
Use contrast to draw attention
Juice, Inc.©2016
![Page 72: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/72.jpg)
Less effective
You can use color to emphasize text.You can bold-italics your important text.You can UPPERCASE your important text.You can underline your important text.
EmphasisYou can add italic letters.You can bold your important point.You can use color to emphasize text.You can combine effects.
Juice, Inc.©2016
![Page 73: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/73.jpg)
Capital lettersMAY I CRAVE YOUR INDULGENCE TO OPEN THIS BUSINESS DISCUSSION BY A FORMAL LETTER OF THIS SORT. IT IS PERTINENT THAT BUSINESS OF THIS MAGNITUDE SHOULD HAVE COMMENCED PROPERLY WITH A FORMAL MEETING OF YOU AND US TO ENABLE US KNOW OURSELVES, HAVE A FORE KNOWLEDGE OF THE NATURE OF THE BUSINESS, DISCUSS AND ACQUAINT OURSELVES WITH THE RESPONSIBILITIES AND FUNCTIONS OF PARTIES CONCERNED, AND APPROPRIATE SHARES ACCORDINGLY. HOWEVER, FOR TIME FACTOR, CONFIDENTIALITY AND PERSONALITY OF PEOPLE INVOLVED HERE IN NIGERIA, WE CHOSE THIS APPROACH FOR THE REMITTANCE OF FIFTEEN MILLION, FIVE HUNDRED THOUSAND U.S DOLLARS (US$15.5M), PLEASE BEAR WITH US FOR MAKING THE INITIAL CONTACT THROUGH E-MAIL. BUT MY PARTNERS ARE INSISTING FOR A MEETING IN ORDER NOT TO FALL INTO A WRONG HAND AGAIN.
Juice, Inc.©2016
![Page 74: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/74.jpg)
How we read
Aoccdrnig to rscheearch at Cmabrigde uinervtisy, it deosn't mttaer waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht the frist and lsat ltteres are at the rghit pclae. The rset can be a tatol mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by it slef but the wrod as a wlohe
http://blogs.msdn.com/fontblog/default.aspx?p=2Juice, Inc.©2016
![Page 75: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/75.jpg)
THE QUICK BROWN FOX JUMPS OVER...
The quick brown fox jumps over ...
Juice, Inc.©2016
![Page 76: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/76.jpg)
Juice, Inc.©2016
FontsWine
Juice, Inc.©2016
![Page 77: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/77.jpg)
Juice, Inc.©2016
Reds
Whites
Hearty, earthy, jammy, rustic
Tart, sophisticated, citrusy, light
Juice, Inc.©2016
![Page 78: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/78.jpg)
Juice, Inc.©2016
Serif
Sans-serif
Hearty, rustic, somber, dignified
Light, modern, smooth, simple hh
Serif
SerifJuice, Inc.©2016
![Page 79: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/79.jpg)
Juice, Inc.©2016
Reds
Whites
Merlot, Shiraz, Cabernet Sauvignon, Pinot Noir
Chardonnay, Sauvignon Blanc, Riesling
Juice, Inc.©2016
![Page 80: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/80.jpg)
Juice, Inc.©2016
Serif
Sans-serif
Georgia
Arial / Helvetica hhSerif
SerifVerdana / Tahoma
Times New RomanPalatino
Trebuchet
Juice, Inc.©2016
![Page 81: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/81.jpg)
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.
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,
Fonts - Simple rules
Juice, Inc.©2016
![Page 82: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/82.jpg)
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.
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,
Body TextClean readable text, 50-80% of your text will look like this.
•10-16pt•Arial or Georgia
Juice, Inc.©2016
![Page 83: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/83.jpg)
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.
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,
HeaderUse to separate and name sections
•150%-200% of body
Juice, Inc.©2016
![Page 84: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/84.jpg)
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.
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,
NotesAdditional things a user should be aware of
•85% of body•Lower contrast
Juice, Inc.©2016
![Page 85: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/85.jpg)
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.
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,
EmphasisDraw the eye to key points
•Same size as body•High-impact color/bold/italic
Juice, Inc.©2016
![Page 86: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/86.jpg)
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.
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,
EmphasisDraw the eye to key points
•Same size as body•High-impact color/bold/italic
Juice, Inc.©2016
![Page 87: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/87.jpg)
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.
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,
Juice, Inc.©2016
![Page 88: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/88.jpg)
CategoricalLots of contrast between each adjacent color
SequentialColors can be ordered from low to high
Low High
DivergingTwo sequential schemes extended out from a critical midpoint value Low HighCritical
midpoint
http://colorbrewer2.org/
Color schemes for data
Juice, Inc.©2016
![Page 89: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/89.jpg)
SequentialColors can be ordered from low to high
Low High
Juice, Inc.©2016
![Page 90: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/90.jpg)
DivergingTwo sequential schemes extended out from a critical midpoint value Low HighCritical
midpoint
Juice, Inc.©2016
![Page 91: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/91.jpg)
CategoricalLots of contrast between each adjacent color
Juice, Inc.©2016
![Page 92: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/92.jpg)
Juice, Inc.©2016
Have a message
Keep it simple
Provide context
Apply design fundamentals
![Page 93: Introduction to Visualization](https://reader035.fdocuments.net/reader035/viewer/2022062522/58d011ab1a28abad3e8b5ffb/html5/thumbnails/93.jpg)
www.juiceanalytics.com@ juiceanalytics
Chris Gemignanitwitter: [email protected]
Zach Gemignanitwitter: [email protected]
Juice, Inc.©2016