Concepts and Strategies for Developing Effective Data Visualizations - - PowerPoint PPT Presentation

Concepts and Strategies for Developing Effective Data Visualizations

Becky Bates

GCE Solutions

1

Outline

• Key Drivers for Effective Visuals
• Design Considerations
• Do’s and Don’ts
• Putting it all together

2

Key Drivers

• f Effective

Data Visuals

3

Telling The Story

4

Picme Nogude

Time

Iwurk Biomarker ug/dl

Figure A Time

Iwurk Biomarker ug/dl

Figure B

Which graph is better?

Information Transfer Rate*

5

*Edward Tufte concept

ITR = time it takes for a individual to understand the information (i.e. story) being depicted in the data visual

Goal it to minimize this time as much as possible

Venue

6

• Presentation
• Poster
• Journal
• Regulatory Agency
• Internal Scientific Meetings
• Internal Executive Meetings

Visualization considerations greatly depend on the venue:

Design Considerations

7

Type of Graph

8

Pie Chart Bar Charts Scatter Plot Tree Map Bubble Plot Box Plot Heat Map Line Graphs

Graphing Elements

9

Lines Fonts

Ordering and Juxta positioning Movement

Details

Color

Visual Comparisons: Shape Matters

10

Which set is Blue twice the size of Yellow?

Set 2 Set 1 Set 3

Visualization Do’s and Don’ts

11

12

Visualization Litmus Test Does the visual maintain the mathematical relationship? Yes – your on your way No – stop and fix

Preservation of Comparison

Don’t Do Key concept with bar charts: Length of bar informs the reader of the magnitude. Need to preserve that relationship. This is especially important when comparing 2 groups.

25 50 75 100

Figure A

Blue looks 2 x Larger than Orange

%

25 50 75 100

Figure B

Blue is actually is 0.5 x Larger than Orange

Axes Consistency

Do Key concept with consistency: When creating visualizations across a presentation, need to keep consistent scales throughout for similar data especially if comparisons between the measures will be part of the story.

%

Don’t

5 10 20 25 50 75 100

SAE Bleed Rate Mortality Rate

25

Bleed rates look similar to mortality rates

100 25 50 75 25 50 75 100

SAE Bleed Rate Mortality Rate Bleed rates are actually less than the mortality rate

Preservation of Time Scale

Key concept with line graphs The slope of the line conveys to the reader the rate of increase/decrease. This slope is preserved only when the numerical scale is preserved.

2 10 2 4 6 10

Don’t Do

Figure A Figure B

Avoid Chart Junk

Chart Junk: Anything that does not contribute to or distracts the user’s understanding of the “data story”

Putting it all together

17

Trial Example

Therapeutic Area: Nomophobia Fear of being without mobile phone coverage

(http://www.telegraph.co.uk/news/science/10289366/13-of-the-most-unusual-phobias.html)

Trial: Double-blind International Study Comparing Oral Nomophone vs Nothing in Exasperated Cellular Telephone users

DISCONNECT

Treatments: 150 mg Nomophone vs Nothing Baseline Measures: Age (yrs) Age 1st Cell Phone Age 1st Cell Phone Class (<13 yrs, 13-18 yrs, 19-24 yrs, >=25 yrs) Length of Cell Exposure (Age – Age 1st Cell) Nomophobia Questionaire (NMP-Q)

DISCONNECT Primary Endpoint

Primary Measure:

International Cellular Assessment of Nomophobia Tolerance Scale ICANT Scale

Definition: Take phone away until patient demands to have it back. Earn

1 pt every 15 mins without phone Earn 1 pt for each of the following every 15 mins without phone: Change in heart rate < 5 bpm Figgity Scale <= 2 Lack of Focus Scale <= 2 Anxiety Scale <= 2 ICANT Score = sum of all points earned while phone was removed

Primary Enpoint: % Responders Responder = ICANT Scale > 20 pts

Color and Movement Example

NMP-Q Score

Color Example

Lines, Font, and Scale Example

Lines, Font, and Scale Example

Spatial vs Temporal and Order Example

Responder Visual

Spatial vs Temporal and Order Example

Sub-score Visual

Spatial vs Temporal and Order Example

Responder and Subscore Visual Combined

In Summary

Key Drivers

• What is your story
• How quicky is your story being conveyed
• Venue

Elements to considers:

• Graph type
• Spatial Arrangement
• Ordering of information
• Colors
• Lines
• Fonts
• Movement
• Details

THANK YOU

28