Data Visualization: Design Principles and Processes

SMM635 - Week 1

Prof. Simone Santoni

Bayes Business School

What is Good Data Visualization?

The fundamental question every data analyst must ask

“Excellence in statistical graphs consists of complex ideas communicated with clarity, precision, and efficiency.” - Edward Tufte

Tale of Two Visualizations

Example A: Technical Plot

✓ Shows data relationships
⚠️ Cluttered interface
⚠️ Distracting elements

Example B: The Economist

✓ Clean, focused design
✓ Clear narrative
✓ Professional aesthetics

Tufte’s Principles of Graphical Excellence

Excellent visualizations should:

  • Show the data clearly and accurately
  • Induce thinking about substance, not methodology
  • Avoid distortion of what the data reveal
  • Present many numbers in a small space
  • Make large datasets coherent
  • Encourage comparison between data elements
  • Reveal data at multiple levels of detail
  • Serve a clear purpose: description, exploration, or decoration
  • Integrate with statistical and verbal descriptions

Edward Tufte

The Power of “Show the Data” - Anscombe’s Quartet

Four datasets with identical summary statistics

Same means, same correlations, same regression lines…

Anscombe’s Quartet Revealed

…but completely different data patterns!

Important

Key Lesson: Summary statistics alone are insufficient. Always visualize your data to understand its true nature.

The Design Process Framework

Source: Cairo, A. (2012). The Functional Art

Design Principles in Action

Traditional Approach

Heavy gridlines, excessive decoration

Tufte’s Approach

Minimalist, data-focused design

Principle: Maximize the data-ink ratio - every mark should represent data

Chart Junk - What Not to Do

Warning

Chart Junk: Visual elements that distract from the data

  • Unnecessary 3D effects
  • Decorative images
  • Excessive colors
  • Heavy borders and gridlines
  • Moiré patterns and visual noise

Before and After - Redesign Example

Before: Cluttered Design

Issues: 3D effects, poor labeling, distracting elements

After: Clean Redesign

Solutions: Clear hierarchy, direct labeling, focused design

Key Takeaways for Week 1

Your visualization design checklist

🎯 Purpose: Does your chart serve a clear analytical goal?

📊 Data: Does your visualization accurately represent the data?

👁️ Clarity: Can viewers understand the message quickly?

✂️ Simplicity: Have you removed unnecessary elements?

🎨 Aesthetics: Is the design professional and appropriate?

🔄 Iteration: Have you tested and refined your design?

Remember: Good visualization design is both art and science - it requires understanding your data, your audience, and your design principles.

Next Steps

📚 For next week: Read Tufte Chapter 1 and Cairo Introduction and Chapter 1

💻 Practice: Complete the Data visualization and communication excercise

Resources