Dashboards

class: center, middle, inverse, title-slide

# Dashboards
## first wednesday
### John Little
### Cntr for Data & Viz
### April 7, 2021

---

layout: true

.footercc[
&nbsp; <a href = "https://JohnLittle.info">https://JohnLittle.info</a> 
 | <a href="https://github.com/libjohn/presentation_dashboards_firstWed">https://github.com/libjohn/presentation_dashboards_firstWed</a> | 2021-04-06 
]

---
class: img-right-full

![](images/attendance.png)

# Three tenets

- Just numbers
- Benefits of review
- Dashboard fatigue is a real thing

???

- The implications of dashboard fatigue might be the most interesting thing to discuss in the QA

---
layout: false
class: img-left-full

![](images/by_dept_compare.png)

## Drivers

- Goal: create a dashboard of workshop attendance 
- CDVS motivated by the possibility of exploring data 
- Dashboard can be the basis of another  workshop

???

- These are not exactly the best drivers for creating a dashboard.  They’re not bad either.

---
layout: true

---

![Tidyverse](images/tidyverse.png# w-10pct t-1 db fr mr-4)

## Technology stack

- R   
    - R is a data-first coding language   
    - R can be a universal interface for analysis and workflow   
- Tidyverse is a well developed approach to workflow & the data lifecycle  
- Bias towards enabling reproducibility   
    - scripting   
    - reporting

![flexdashboards](images/flexdashboard.png#  w-10pct fr fm mr-4)

![r logo](images/r_logo.png# fm fr w-10pct mr-4)

![rmarkdown](images/rmarkdown.png#  w-10pct fr mr-4)

???

- Reuse analysis code to produce reports, email alerts, interactive dashboards, etc.

---
.seagull[##Lesson]

.fl-10.w-60.bg.b.ba.bw1.br3.shadow-5.ph4.mt4.center.seagull[The last thing you should do is  
build the dashboard  
]

- Identify target audience and scope  
- Create summary reports   
- Build a static analysis   
- Generate push-reports based on dynamic thresholds  
- Advanced: Build a reporting application

???
Or, in this case, build a workshop attendance application

---
## Other important question(s)

- If developing the dashboard in R...  
    - Flexdashboard (dashboards)
    - Shiny (Web applications)

Not mutually exclusive but Flexdashboards has a significantly lower barrier to entry

.center[![people](images/happy_people2.jpg# h-10pct w-33pct)]

---
## Actual Goals

- Host **cleaned and disaggregated data**

- Provide a **summary of attendance**

![survey](images/survey_1.png# absolute ofv r-3 w-75pct h-7-12th)

???

- Host **cleaned and disaggregated data** 
    - A data archive for clean data 
        - exported from the SpringShare registration system 
        - accounts for attendance
- Provide a **summary of attendance** so that staff can 
    - Assess their workshop’s impact over time (as measured by attendance and registration)
    - See current semester attendance totals within the context of multi-year totals

---
class: center

![](images/full_attendance.png# l-0 t-0 w-two-thirds h-80pct ofv absolute)
![](images/full_demographics.png# w-third h-40pct t-0 r-0 ofv absolute)
![](images/full_survey.png# w-third h-40pct t-40pct r-0 ofv absolute)
![](images/slice_tables.jpg# l-0 t-80pct w-100pct ofv absolute)

.seagull[
.absolute.w-5-12th.pa-3.l-4-12th.t-8-12th.b.ba.bw-4.br-4.shadow-5.bg-white-80[
Collage of dashboard screens
]
]

---
layout: false
class:  middle, center

.bg-washed-blue.b--navy.ba.bw2.br3.shadow-5.ph4.mt5[

![Rfun](images/rfun.png# fl l-4 w-2-12th)

## John R Little

.seagull[
.f5[Data Science Librarian  
Center for Data & Visualization Sciences  
Duke University Libraries  
]
]

.f7[https://johnlittle.info  
https://Rfun.library.duke.edu  
https://library.duke.edu/data  
]
]

&nbsp; 
.f6.moon-gray[Creative Commons: Attribution-NonCommercial 4.0] 
.f7.moon-gray[https://creativecommons.org/licenses/by-nc/4.0]

---
class: title, inverse

# Appendix

## screen shots

---
background-image: url("images/full_attendance.png")
background-position: center
background-size: contain

---
background-image: url("images/full_demographics.png")
background-position: center
background-size: contain

---
background-image: url("images/full_survey.png")
background-position: center
background-size: contain

---
background-image: url("images/full_series.png")
background-position: center
background-size: contain

---
background-image: url("images/full_tables.png")
background-position: center
background-size: contain