Julie Rodriguez

Expanding Our Visual Literacy

@juliargentinaG

ExternalCommunications

Explain Visually

IndividualDisplays

InternalPresentations

CollectedInformation

4. Show then tell

3. Easy to navigate

1. Relevant

2. Scan & scrutinize

Desperately Seeking

Graphical perception Relative ranking

Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGillJournal of the American Statistical Association, September 1984

Relative accuracy of various graphical forms that convey quantitative information

POSITIONCOMMON SCALE

10

5

0

POSITIONNON-ALIGNED SCALES

10

0

10

0

LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATION

VOLUME

1 2 3 4 5 6 7 8 9 10

Alignment & sort order

Why Is This Method Effective

Accuracy & Perception

DesignElements

Foreground/background

Color pallet w/ associations

POSITIONCOMMON SCALE

105

0

POSITIONNON-ALIGNED SCALES

10

0

10

0

LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATION

VOLUME

1 2 3 4 5 6 7 8 9 10

Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGillJournal of the American Statistical Association, September 1984

Why Is This Method Effective

Accuracy & Perception

DesignElements

Foreground/background

Color pallet w/ associations

POSITIONCOMMON SCALE

105

0

POSITIONNON-ALIGNED SCALES

10

0

10

0

LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATION

VOLUME

1 2 3 4 5 6 7 8 9 10

Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGillJournal of the American Statistical Association, September 1984

Embed context into your data displays

Why Is This Method Effective

Accuracy & Perception

DesignElements

Color pallet w/ associations

POSITIONCOMMON SCALE

105

0

POSITIONNON-ALIGNED SCALES

10

0

10

0

LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATION

VOLUME

1 2 3 4 5 6 7 8 9 10

Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGillJournal of the American Statistical Association, September 1984

Alignment & sort order

Proximity/comparison

Details on demand

Grouping Foreground/background

Aggregation enables better data navigation

Statements of Cash Flows

Why Is This Method Effective

DesignElements

Limited color pallet w/ associations

Connectedness Grouping Foreground/background

Accuracy & Perception

POSITIONCOMMON SCALE

105

0

POSITIONNON-ALIGNED SCALES

10

0

10

0

LENGTH DIRECTION ANGLE AREA CURVATURE SHADING COLOR SATURATION

VOLUME

1 2 3 4 5 6 7 8 9 10

Figure 1. Elementary perceptual tasks, William S. Cleveland; Robert McGillJournal of the American Statistical Association, September 1984

Lead with visuals, thenlayer in the text

Easy to navigate

Scan & scrutinize

Relevant

Show then tell

2.

1.

3.

4.

SUMMARY

Structured/Unstructured,Time, Coordinates, String, Numbers,

Nominal, Ordinal, Interval

DATAStructured/Unstructured,

Time, Coordinates, String, Numbers, Nominal, Ordinal, Interval

DATAStructured/Unstructured,

Time, Coordinates, String, Numbers, Nominal, Ordinal, Interval

IndustryClientsFirm

DATA

DRIVERS

Structured/Unstructured,Time, Coordinates, String, Numbers,

Nominal, Ordinal, Interval

IndustryClientsFirm

DATA

DRIVERS

Structured/Unstructured,Time, Coordinates, String, Numbers,

Nominal, Ordinal, Interval

IndustryClientsFirm

User Centered Approach

Information DesignMulti-channel

Experience

DATA

DRIVERSDELIVERY

40+ use cases100+ new visualization methods250+ illustrations450 pages

Explore... Expand...

Questions?

Thank You…

Visualization Tools (spectrum)

CUSTOM SOLUTIONSPREBUILT SOLUTIONS

RAWSpreadsheet to vector graphics built on D3.JS

PlotlyJavaScripting graphing library

SandDanceCollaborative app for visualizing data

IBM Watson AnalyticsDiscovery delivered on the cloud

Online Web Apps Tableau

BI software

QlikViewBI software

Tibco SpotfireData viz and analytics software

SAS Visual AnalyticsBI, Data exploration & analytics

TrifactaExplore and transform data sources

Generalized Software

HighchartsJavaScript library

D3Opensource JavaScript library

Google ChartsReady to use chart types

RSoftware for statistical computing and graphics

Processing IDE for visual communication

Open Source Programing Languages

Charting Packages

MATLABMulti-paradigm numerical computing environment

MathematicaA computation platform

Technical Computing

GephiExploration for graphs and networks

ArcGISMapping software

QGISMapping software

Excel/ Adobe/HTML5Separate tools for data, visualizations, and interactivity

Mix of Tools

Specialized Skillset: Domain Expertise, Data Science, Stats, Programming, Visual DesignNo Specialized Skillset Required

Specialized Software

Graphical perception (relative ranking)

Journal of the American Statistical Association, September 1984

William S. Cleveland; Robert McGill

Relative accuracy of various graphical forms that convey quantitative information