Communicating Statistics

# Communicating Statistics

**Session 20**

]
---

![](20-communicating-stats/20-communicating-stats.001.png)

---

![](20-communicating-stats/20-communicating-stats.002.png)

---

![](20-communicating-stats/20-communicating-stats.003.png)
---

![](20-communicating-stats/20-communicating-stats.004.png)
---

![](20-communicating-stats/20-communicating-stats.005.png)

---

![](20-communicating-stats/20-communicating-stats.006.png)
---

![](20-communicating-stats/20-communicating-stats.007.png)
---

![](20-communicating-stats/20-communicating-stats.008.png)
---

![](20-communicating-stats/20-communicating-stats.009.png)
---

![](20-communicating-stats/20-communicating-stats.010.png)
---

![](20-communicating-stats/20-communicating-stats.011.png)
---

![](20-communicating-stats/20-communicating-stats.012.png)
---

![](20-communicating-stats/20-communicating-stats.013.png)
---

![](20-communicating-stats/20-communicating-stats.014.png)
---

![](20-communicating-stats/20-communicating-stats.015.png)
---

![](20-communicating-stats/20-communicating-stats.016.png)
---

![](20-communicating-stats/20-communicating-stats.017.png)
---

![](20-communicating-stats/20-communicating-stats.018.png)
---

![](20-communicating-stats/20-communicating-stats.019.png)
---

![](20-communicating-stats/20-communicating-stats.020.png)
---

![](20-communicating-stats/20-communicating-stats.021.png)
---

![](20-communicating-stats/20-communicating-stats.022.png)

---

![](20-communicating-stats/20-communicating-stats.023.png)

---

![](20-communicating-stats/20-communicating-stats.024.png)
---

![](20-communicating-stats/20-communicating-stats.025.png)
---

![](20-communicating-stats/20-communicating-stats.026.png)

---

# Putting your stats on the web!

---

# <svg aria-hidden="true" role="img" viewBox="0 0 640 512" style="height:1em;width:1.25em;vertical-align:-0.125em;margin-left:auto;margin-right:auto;font-size:inherit;fill:currentColor;overflow:visible;position:relative;"><path d="M624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z"/></svg> Application Exercise

1. Go to Github.com and create a (public) repo called "website-demo"
2. Pull this into RStudio by creating a new project

---
class: title title-1

# Demo

---
class: title title-1

# YAML

---
class: title title-1
# YAML

```
name: "example-website"
navbar: 
  title: "This is an example!"
  left: 
    - text: "Home"
      href: index.html
    - text: "Analysis"
      href: analysis.html
   right: 
     - icon: fa-github fa-lg
       href: https://github.com/lucymcgowan
output:
  html_document:
    theme: flatly
```

---

1. Using the previous example, create a YAML for your website

---

# index.Rmd

```
---
title: "Example Website"
---

This is markdown

* I can include bullets

## I can include headers

I can include <i> html</i>

```

---

1. Using the previous example, create an index.Rmd file
2. Knit this file

---

# analysis.Rmd

---

1. Copy your lab 04 into a file called analysis.Rmd
2. Knit this file
3. Commit and push your files to GitHub

---

# Deploying your website

![](img/gh-settings.png)

---

# Deploying your website

---

# Deploying your website

![](img/gh-main.png)

---

1. Deploy your website
2. See if you can update your theme (Available themes:
https://bootswatch.com/3/)
3. See if you can find different icons to include (https://fontawesome.com/icons)

---

# Personal website

---

# `install.packages("postcards")`

---
class: title title-1 center

# jolla

<img src="img/jolla.png" width="50%"></img>
---
class: title title-1 center

# jolla-blue

---
class: title title-1 center

# trestles

---
class: title title-1 center

# solana

---

# onofre

---

1. `install.packages("postcards")`
2. Create a GitHub repo named YOUR_GITHUB_HANDLE.github.io (mine would be lucymcgowan.github.io)

---

# postcards

.box-1.medium[Create a new project using a `postcards` template]

---

# postcards

.box-1.medium[Add version control]

---

# postcards

.box-1.medium[Add version control]

<center>
<img src="img/git.png" width="50%"></img>
</center>
---

# postcards

.box-1.medium[Add version control]

---

1. Create a project from the postcard template
2. Add git to your project
3. Connect to Github using the previous slide (via the terminal)
4. Update the template to reflect your details!
5. Update to enable Github pages

---

# flexdashboard