36-315-Lec1

class: inverse, center, middle

# 36-315: Statistical Graphics and Visualization
## Lecture 1

Meghan Hall <br> Department of Statistics & Data Science <br> Carnegie Mellon University <br> May 21, 2021

---
layout: true
<div class="my-footer"><span>cmu-36315.netlify.app</span></div>
---

# Teaching team

.large[Instructor: Meghan Hall]

<br>

.medium[Grad TA: Galen Vincent]

.medium[Undergrad TAs]

Office hours TBD

---

# Course objectives

1. Create statistical graphics.
<br>
<br>

2. Understand the fundamentals of data and reproducible data analysis.
<br>
<br>

3. Write about statistical graphics.
<br>
<br>

4. Speak about statistical graphics and data analyses.
<br>
<br>

5. Assess and critique statistical graphics.

---

# Course tools

.medium[R & RStudio]

<br>
<br>
--

.medium[`ggplot2` and related packages]

<br>
<br>
--

.medium[R Markdown]

---

# Course components

.center[![syllabus snippet](figs/Lec1/syllabus_snip.png)]

---

# Course components

Lectures

Labs

Homework

Code style

---

# Code style

<br>
<br>
.large[Code must be written with the [tidyverse style guide](https://style.tidyverse.org/)]
<br>
<br>
.medium[Ignore section II, focus on I.2, I.4, I.5]

.medium[It will match lecture notes, lab notes, etc.]

.medium[You can use the R package [styler](https://styler.r-lib.org/) if you want]

---

# Course components

Lectures

Labs

Homework

Code style

Graphics discussion

Midterm

Group project

---

# Course components

---

# Various logistics

Course website(s)

Piazza

Communication

Office hours

Extensions

Regrades

Integrity

---

# Why do we visualize data?

---

# Why do we visualize data?

<br>

<table class="table" style="font-size: 16px; width: auto !important; margin-left: auto; margin-right: auto;">
 <thead>
  <tr>
   <th style="text-align:left;font-weight: bold;color: white !important;background-color: #bb0000 !important;text-align: center;"> Variable </th>
   <th style="text-align:right;font-weight: bold;color: white !important;background-color: #bb0000 !important;text-align: center;"> Min </th>
   <th style="text-align:right;font-weight: bold;color: white !important;background-color: #bb0000 !important;text-align: center;"> Max </th>
  </tr>
 </thead>
<tbody>
  <tr>
   <td style="text-align:left;"> x </td>
   <td style="text-align:right;"> 22.3077 </td>
   <td style="text-align:right;"> 98.2051 </td>
  </tr>
  <tr>
   <td style="text-align:left;"> y </td>
   <td style="text-align:right;"> 2.9487 </td>
   <td style="text-align:right;"> 99.4872 </td>
  </tr>
</tbody>
</table>

---

# Why do we visualize data?

---

# Why do we visualize data?

<br>
<br>
<br>
.large[Explore]
<br>
<br>
<br>
.large[Diagnose]
<br>
<br>
<br>
.large[Explain]

---

# By the end of the class

<br>
<br>
.large[You can...]
<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.medium[Ask relevant questions from data]
<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.medium[Know which types of visualizations are appropriate for your data]
<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.medium[Know which types of visualizations are appropriate for your *audience*]
<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.medium[Create plots that are]
<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Effective in their properties
<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Elegant & aesthetically-pleasing

---

# Some golden rules of graphs

Don’t add complexity without a good reason.

Everything (everything!) must be readable.

Don’t distort data, intentionally or not.

Be mindful of the data-to-ink ratio.

All axes, labels, etc. should have real titles, not code variable names.

Always strive for clarity.

Titles, subtitles, and captions should add information.

---

# Upcoming

<br>

.large[Lecture 2 on Monday May 24]
<br>
.medium[grammar of graphics and tidyverse principles]

<br>

.large[Lab 1 on Tuesday May 25]
<br>
.medium[be on the lookout for a survey about times]