17 KiB
Data Visualization for Slides
Overview
Effective data visualization in presentations differs fundamentally from journal figures. While publications prioritize comprehensive detail, presentation slides must emphasize clarity, impact, and immediate comprehension. This guide covers adapting figures for slides, choosing appropriate chart types, and avoiding common visualization mistakes.
Key Principles for Presentation Figures
1. Simplify, Don't Replicate
The Core Difference:
- Journal figures: Dense, detailed, for careful study
- Presentation figures: Clear, simplified, for quick understanding
Simplification Strategies:
Remove Non-Essential Elements:
- ❌ Minor gridlines
- ❌ Detailed legends (label directly instead)
- ❌ Multiple panels (split into separate slides)
- ❌ Secondary axes (rarely work in presentations)
- ❌ Dense tick marks and minor labels
Focus on Key Message:
- Show only the data supporting your current point
- Subset data if full dataset is overwhelming
- Highlight the specific comparison you're discussing
- Remove context that isn't immediately relevant
Example Transformation:
Journal Figure:
- 6 panels (A-F)
- 4 experimental conditions per panel
- 50+ data points visible
- Complex statistical annotations
- Small font labels
Presentation Version:
- 3 separate slides (1-2 panels each)
- Focus on key comparison per slide
- Large, clear data representation
- One statistical result highlighted
- Large, readable labels
2. Emphasize Visual Hierarchy
Guide Attention:
- Make key result visually dominant
- De-emphasize background or comparison data
- Use size, color, and position strategically
Techniques:
Color Emphasis:
Main Result: Bold, saturated color (e.g., blue)
Comparison: Muted gray or desaturated color
Background: Very light gray or white
Size Emphasis:
Key line/bar: Thicker (3-4pt)
Reference lines: Thinner (1-2pt)
Grid lines: Very thin (0.5pt) or remove
Annotation:
Add text callouts: "34% increase" with arrow
Add shapes: Circle key region
Add color highlights: Background shading for important area
3. Maximize Readability
Font Sizes for Presentations:
- Axis labels: 18-24pt minimum
- Tick labels: 16-20pt minimum
- Title: 24-32pt
- Legend: 16-20pt (or label directly on plot)
- Annotations: 18-24pt
The Distance Test:
- If your figure isn't readable at 2-3 feet from your laptop screen, it won't work in a presentation
- Test by stepping back from screen
- Better to split into multiple simpler figures
Line and Marker Sizes:
- Lines: 2-4pt thickness (thicker than journal figures)
- Markers: 8-12pt size
- Error bars: 1.5-2pt thickness
- Bars: Adequate width with clear spacing
4. Use Progressive Disclosure
Build Complex Figures Incrementally:
Instead of showing complete figure at once:
- Baseline: Show axes and basic setup
- Data Group 1: Add first dataset
- Data Group 2: Add comparison dataset
- Highlight: Emphasize key difference
- Interpretation: Add annotation with finding
Benefits:
- Controls audience attention
- Prevents information overload
- Guides interpretation
- Emphasizes narrative structure
Implementation:
- PowerPoint: Use animation to reveal layers
- Beamer: Use
\pauseor overlays - Static: Create sequence of slides building the figure
Chart Types and When to Use Them
Bar Charts
Best For:
- Comparing discrete categories
- Showing counts or frequencies
- Highlighting differences between groups
Presentation Optimization:
✅ DO:
- Large, clear bars with adequate spacing
- Horizontal bars for long category names
- Direct labeling on bars (not legend)
- Order by value (highest to lowest) unless natural order exists
- Start y-axis at zero for accurate visual comparison
❌ DON'T:
- Too many categories (max 8-10)
- 3D bars (distorts perception)
- Multiple grouped comparisons (split to separate slides)
- Decorative patterns or gradients
Example Enhancement:
Before: 12 categories, small fonts, legend
After: Top 6 categories only, large fonts, direct labels, key bar highlighted
Line Graphs
Best For:
- Trends over time
- Continuous data relationships
- Comparing trajectories
Presentation Optimization:
✅ DO:
- Thick lines (2-4pt)
- Distinct colors AND line styles (solid, dashed, dotted)
- Direct line labeling (at end of lines, not legend)
- Highlight key line with color/thickness
- Minimal gridlines or none
- Clear markers at data points
❌ DON'T:
- More than 4-5 lines per plot
- Similar colors (ensure high contrast)
- Small markers or thin lines
- Cluttered with excess gridlines
Time Series Tips:
- Mark key events or interventions with vertical lines
- Annotate important time points
- Use shaded regions for different phases
Scatter Plots
Best For:
- Relationships between two variables
- Correlations
- Distributions
- Outliers
Presentation Optimization:
✅ DO:
- Large, distinct markers (8-12pt)
- Color code groups clearly
- Show trendline if discussing correlation
- Annotate key points (outliers, examples)
- Report R² or p-value directly on plot
❌ DON'T:
- Overplot (too many overlapping points)
- Small markers
- Multiple marker types that look similar
- Missing scale information
Overplotting Solutions:
- Transparency (alpha) for overlapping points
- Hexbin or density plots for very large datasets
- Random jitter for discrete data
- Marginal distributions on axes
Box Plots / Violin Plots
Best For:
- Distribution comparisons
- Showing variability and outliers
- Multiple group comparisons
Presentation Optimization:
✅ DO:
- Large, clear boxes
- Color code groups
- Add individual data points if n is small (< 30)
- Annotate median or mean values
- Explain components (quartiles, whiskers) first time shown
❌ DON'T:
- Assume audience knows box plot conventions
- Use without brief explanation
- Too many groups (max 6-8)
- Omit axis labels and units
First Use: If your audience may be unfamiliar, briefly explain: "Box shows middle 50% of data, line is median, whiskers show range"
Heatmaps
Best For:
- Matrix data
- Gene expression or correlation patterns
- Large datasets with patterns
Presentation Optimization:
✅ DO:
- Large cells (readable grid)
- Clear, intuitive color scale (diverging or sequential)
- Label rows and columns with large fonts
- Show color scale legend prominently
- Cluster or order meaningfully
- Highlight key region with border
❌ DON'T:
- Too many rows/columns (200×200 matrix unreadable)
- Poor color scales (rainbow, red-green)
- Missing dendrograms if claiming clusters
- Tiny labels
Simplification:
- Show subset of most interesting rows/columns
- Zoom to relevant region
- Split large heatmap across multiple slides
Network Diagrams
Best For:
- Relationships and connections
- Pathways and networks
- Hierarchical structures
Presentation Optimization:
✅ DO:
- Large nodes and labels
- Clear edge directionality (arrows)
- Color or size code importance
- Highlight path of interest
- Simplify to essential connections
- Use layout that minimizes crossing edges
❌ DON'T:
- Show entire complex network at once
- Hairball diagrams (too many connections)
- Small labels on nodes
- Unclear what nodes and edges represent
Build Strategy:
- Show simplified structure
- Add key nodes progressively
- Highlight path or subnetwork of interest
- Annotate with functional interpretation
Statistical Plots
Kaplan-Meier Survival Curves:
✅ Optimize:
- Thick lines (3-4pt)
- Show confidence intervals as shaded regions
- Mark censored observations clearly
- Report hazard ratio and p-value on plot
- Extend axes to show full follow-up
Forest Plots:
✅ Optimize:
- Large markers (diamonds or squares)
- Clear confidence interval bars
- Large font for study names
- Highlight overall estimate
- Show line of no effect prominently
ROC Curves:
✅ Optimize:
- Thick curve line
- Show diagonal reference line (AUC = 0.5)
- Report AUC with confidence interval on plot
- Mark optimal threshold if discussing cutpoint
- Compare ≤ 3 curves per plot
Color in Data Visualizations
Sequential Color Scales
When to Use: Ordered data (low to high)
Good Palettes:
- Blues: Light blue → Dark blue
- Greens: Light green → Dark green
- Grays: Light gray → Black
- Viridis: Yellow → Purple (perceptually uniform)
Avoid:
- Rainbow scales (non-uniform perception)
- Red-green scales (color blindness)
Diverging Color Scales
When to Use: Data with meaningful midpoint (e.g., +/− change, correlation from -1 to +1)
Good Palettes:
- Blue → White → Red
- Purple → White → Orange
- Blue → Gray → Orange
Key Principle: Midpoint should be visually neutral (white or light gray)
Categorical Colors
When to Use: Distinct groups with no order
Good Practices:
- Maximum 5-7 colors for clarity
- High contrast between adjacent categories
- Color-blind safe combinations
- Consistent color mapping across slides
Example Set:
Blue (#0173B2)
Orange (#DE8F05)
Green (#029E73)
Purple (#CC78BC)
Red (#CA3542)
Highlight Colors
Strategy: Use color to direct attention
Main Result: Bright, saturated color (e.g., blue)
Comparison: Neutral (gray) or muted color
Background: Very light gray or white
Example Application:
- Bar chart: Key bar in blue, others in light gray
- Line plot: Main line in bold blue, reference lines in thin gray
- Scatter: Group of interest in color, others faded
Common Visualization Mistakes
Mistake 1: Overwhelming Complexity
Problem: Showing too much data at once
Example:
- Figure with 12 panels
- Each panel has 6 experimental conditions
- Tiny fonts and dense layout
- Audience has 10 seconds to process
Solution:
- Split into 3-4 slides
- One comparison per slide
- Focus on key result
- Build understanding progressively
Mistake 2: Illegible Labels
Problem: Text too small to read
Common Issues:
- 8-10pt axis labels (need ≥18pt)
- Tiny legend text
- Subscripts and superscripts disappear
- Fine-print p-values
Solution:
- Recreate figures for presentation (don't use journal versions directly)
- Test readability from distance
- Remove or enlarge small text
- Put detailed statistics in notes
Mistake 3: Chart Junk
Problem: Unnecessary decorative elements
Examples:
- 3D effects on 2D data
- Excessive gridlines
- Distracting backgrounds
- Decorative borders or shadows
- Animation for decoration only
Solution:
- Remove all non-data ink
- Maximize data-ink ratio
- Clean, minimal design
- Let data be the focus
Mistake 4: Misleading Scales
Problem: Visual representation distorts data
Examples:
- Bar charts not starting at zero
- Truncated y-axes exaggerating differences
- Inconsistent scales between panels
- Log scales without clear labeling
Solution:
- Bar charts: Always start at zero
- Line charts: Can truncate, but make clear
- Label log scales explicitly
- Maintain consistent scales for comparisons
Mistake 5: Poor Color Choices
Problem: Colors reduce clarity or accessibility
Examples:
- Red-green for color-blind audience
- Low contrast (yellow on white)
- Too many colors
- Inconsistent color meaning
Solution:
- Use color-blind safe palettes
- Test contrast (minimum 4.5:1)
- Limit to 5-7 colors maximum
- Consistent meaning across slides
Mistake 6: Missing Context
Problem: Audience can't interpret visualization
Missing Elements:
- Axis labels or units
- Sample sizes (n)
- Error bar meaning (SEM vs SD vs CI)
- Statistical significance indicators
- Scale or reference points
Solution:
- Label everything clearly
- Define abbreviations
- Report key statistics on plot
- Provide reference for comparison
Mistake 7: Inefficient Chart Type
Problem: Wrong visualization for data type
Examples:
- Pie chart for >5 categories (use bar chart)
- 3D pie chart (especially bad)
- Dual y-axes (confusing)
- Line plot for discrete categories (use bar chart)
Solution:
- Match chart type to data type
- Consider what comparison you're showing
- Choose format that makes pattern obvious
- Test if message is immediately clear
Progressive Disclosure Techniques
Building a Complex Figure
Scenario: Showing multi-panel experimental result
Approach 1: Sequential Panels
Slide 1: Panel A only (baseline condition)
Slide 2: Panels A+B (add treatment effect)
Slide 3: Panels A+B+C (add time course)
Slide 4: All panels with interpretation overlay
Approach 2: Layered Data
Slide 1: Axes and experimental design schematic
Slide 2: Add control group data
Slide 3: Add treatment group data
Slide 4: Highlight difference, show statistics
Approach 3: Zoom and Context
Slide 1: Full dataset overview
Slide 2: Zoom to interesting region
Slide 3: Highlight specific points in zoomed view
Animation vs. Multiple Slides
Use Animation (PowerPoint/Beamer overlays):
- Building bullet points
- Adding layers to same plot
- Highlighting different regions sequentially
- Smooth transitions within a concept
Use Separate Slides:
- Different data or experiments
- Major conceptual shifts
- Want to return to previous view
- Need to control timing flexibly
Figure Preparation Workflow
Step 1: Start with High-Quality Source
For Generated Figures:
- Export at high resolution (300 DPI minimum)
- Vector formats preferred (PDF, SVG)
- Large size (can scale down, not up)
- Clean, professional appearance
For Published Figures:
- Request high-resolution versions from authors/publishers
- Recreate if source not available
- Check reuse permissions
Step 2: Simplify for Presentation
Edit in Graphics Software:
- Remove non-essential panels
- Enlarge fonts and labels
- Increase line widths and marker sizes
- Remove or simplify legends
- Add direct labels
- Remove excess gridlines
Tools:
- Adobe Illustrator (vector editing)
- Inkscape (free vector editing)
- PowerPoint/Keynote (basic editing)
- Python/R (programmatic recreation)
Step 3: Optimize for Projection
Check:
- ✅ Readable from 10 feet away
- ✅ High contrast between elements
- ✅ Large enough to fill significant slide area
- ✅ Maintains quality when projected
- ✅ Works in various lighting conditions
Test:
- View on different screens
- Project if possible before talk
- Print at small scale (simulates distance)
- Check in grayscale (color-blind simulation)
Step 4: Add Context and Annotations
Enhancements:
- Arrows pointing to key features
- Text boxes with key findings ("p < 0.001")
- Circles or rectangles highlighting regions
- Color coding matched to verbal description
- Reference lines or benchmarks
Verbal Integration:
- Plan what you'll say about each element
- Use "Notice that..." or "Here you can see..."
- Point to specific features during talk
- Explain axes and scales first time shown
Recreating Journal Figures for Presentations
When to Recreate
Recreate When:
- Original has small fonts
- Too many panels for one slide
- Multiple comparisons to parse
- Colors not accessible
- Data available to you
Reuse When:
- Already simple and clear
- Appropriate font sizes
- Single focused message
- High resolution available
- Remaking not feasible
Recreation Tools
Python (matplotlib, seaborn):
import matplotlib.pyplot as plt
import seaborn as sns
# Set presentation-friendly defaults
plt.rcParams['font.size'] = 18
plt.rcParams['axes.linewidth'] = 2
plt.rcParams['lines.linewidth'] = 3
plt.rcParams['figure.figsize'] = (10, 6)
# Create plot with large, clear elements
# Export as high-res PNG or PDF
R (ggplot2):
library(ggplot2)
# Presentation theme
theme_presentation <- theme_minimal() +
theme(
text = element_text(size = 18),
axis.text = element_text(size = 16),
axis.title = element_text(size = 20),
legend.text = element_text(size = 16)
)
# Apply to plots
ggplot(data, aes(x, y)) + geom_point(size=4) + theme_presentation
GraphPad Prism:
- Increase font sizes in Format Axes
- Thicken lines in Format Graph
- Enlarge symbols
- Export as high-resolution image
Excel/PowerPoint:
- Select chart, Format → Text Options → Size (increase to 18-24pt)
- Format → Line → Width (increase to 2-3pt)
- Format → Marker → Size (increase to 10-12pt)
Summary Checklist
Before including a figure in your presentation:
Clarity:
- One clear message per figure
- Immediately understandable (< 5 seconds)
- Appropriate chart type for data
- Simplified from journal version (if applicable)
Readability:
- Font sizes ≥18pt for labels
- Thick lines (2-4pt) and large markers (8-12pt)
- High contrast colors
- Readable from back of room
Design:
- Minimal chart junk (removed gridlines, simplify)
- Axes clearly labeled with units
- Color-blind friendly palette
- Consistent style with other figures
Context:
- Sample sizes indicated (n)
- Statistical results shown (p-values, CI)
- Error bars defined (SE, SD, or CI?)
- Key finding annotated or highlighted
Technical Quality:
- High resolution (300 DPI minimum)
- Vector format preferred
- Properly sized for slide
- Quality maintained when projected
Progressive Disclosure (if complex):
- Plan for building figure incrementally
- Each step adds one new element
- Final version shows complete picture
- Animation or separate slides prepared