36-613: Data Visualization

class: center, middle, inverse, title-slide

.title[
# 36-613: Data Visualization
]
.subtitle[
## Extras with htmlwidgets and Dashboards
]
.author[
### Professor Ron Yurko
]
.date[
### 10/12/2022
]

---

# REMINDER: Please fill out the FCE!

#### Faculty course evaluations (FCEs) are out now

#### I take feedback very seriously and I want the course to be useful!

#### If you enjoyed this class, please fill out the FCE.

#### If you didn’t enjoy this class, please fill out the FCE.

---

## A bridge between `R` and JavaScript

-  JavaScript enables web developers to create __client-side__ web applications

- Computations are happening __in the client's browser__, instead of the host's web servers
  
- `D3` (or `D3.js`) is the most popular JavaScript library for client-side dynamic data visualizations

- `D3` == 'data-driven documents'

- RStudio developers created the [`htmlwidgets`](http://www.htmlwidgets.org/index.html) enabling `R` users to use `D3` without needing to learn JavaScript!

- Renders data visualizations in HTML using `D3` wrappers

- [Incredible gallery with a variety of uses](http://gallery.htmlwidgets.org/), including a chess package called [`rchess`](http://jkunst.com/rchess/)!
  
---

## [Leaflet](https://rstudio.github.io/leaflet/): interactive HTML maps

.pull-left[

```r
cmu <- 
 tibble(address = "Carnegie Mellon University, Pittsburgh, PA") %>%
* tidygeocoder::geocode(address, method = "osm")

library(leaflet)
*leaflet() %>% addTiles() %>%
* addMarkers(data = cmu)
```

- `addTiles()`: builds layer with static map (default from OpenStreetMap)

- `addMarkers()`: add marker at point location, e.g., CMU

- Use [`tidygeocoder`](https://cran.r-project.org/web/packages/tidygeocoder/vignettes/tidygeocoder.html) for spatial queries

]

.pull-right[

<div id="htmlwidget-4223914a2624f7e2b2ef" style="width:100%;height:504px;" class="leaflet html-widget"></div>
<script type="application/json" data-for="htmlwidget-4223914a2624f7e2b2ef">{"x":{"options":{"crs":{"crsClass":"L.CRS.EPSG3857","code":null,"proj4def":null,"projectedBounds":null,"options":{}}},"calls":[{"method":"addTiles","args":["https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",null,null,{"minZoom":0,"maxZoom":18,"tileSize":256,"subdomains":"abc","errorTileUrl":"","tms":false,"noWrap":false,"zoomOffset":0,"zoomReverse":false,"opacity":1,"zIndex":1,"detectRetina":false,"attribution":"© <a href=\"https://openstreetmap.org\">OpenStreetMap<\/a> contributors, <a href=\"https://creativecommons.org/licenses/by-sa/2.0/\">CC-BY-SA<\/a>"}]},{"method":"addMarkers","args":[40.4441897,-79.9427191839347,null,null,null,{"interactive":true,"draggable":false,"keyboard":true,"title":"","alt":"","zIndexOffset":0,"opacity":1,"riseOnHover":false,"riseOffset":250},null,null,null,null,null,{"interactive":false,"permanent":false,"direction":"auto","opacity":1,"offset":[0,0],"textsize":"10px","textOnly":false,"className":"","sticky":true},null]}],"limits":{"lat":[40.4441897,40.4441897],"lng":[-79.9427191839347,-79.9427191839347]}},"evals":[],"jsHooks":[]}</script>

]

---

## [DataTables (DT) package](https://rstudio.github.io/DT/) for interactive tables

```r
library(DT)
*datatable(penguins[, 1:6], options = list(pageLength = 5))
```

<div id="htmlwidget-85e07bd785f245a26910" style="width:100%;height:auto;" class="datatables html-widget"></div>
<script type="application/json" data-for="htmlwidget-85e07bd785f245a26910">{"x":{"filter":"none","vertical":false,"data":[["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59","60","61","62","63","64","65","66","67","68","69","70","71","72","73","74","75","76","77","78","79","80","81","82","83","84","85","86","87","88","89","90","91","92","93","94","95","96","97","98","99","100","101","102","103","104","105","106","107","108","109","110","111","112","113","114","115","116","117","118","119","120","121","122","123","124","125","126","127","128","129","130","131","132","133","134","135","136","137","138","139","140","141","142","143","144","145","146","147","148","149","150","151","152","153","154","155","156","157","158","159","160","161","162","163","164","165","166","167","168","169","170","171","172","173","174","175","176","177","178","179","180","181","182","183","184","185","186","187","188","189","190","191","192","193","194","195","196","197","198","199","200","201","202","203","204","205","206","207","208","209","210","211","212","213","214","215","216","217","218","219","220","221","222","223","224","225","226","227","228","229","230","231","232","233","234","235","236","237","238","239","240","241","242","243","244","245","246","247","248","249","250","251","252","253","254","255","256","257","258","259","260","261","262","263","264","265","266","267","268","269","270","271","272","273","274","275","276","277","278","279","280","281","282","283","284","285","286","287","288","289","290","291","292","293","294","295","296","297","298","299","300","301","302","303","304","305","306","307","308","309","310","311","312","313","314","315","316","317","318","319","320","321","322","323","324","325","326","327","328","329","330","331","332","333","334","335","336","337","338","339","340","341","342","343","344"],["Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Adelie","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Gentoo","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap","Chinstrap"],["Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Torgersen","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Biscoe","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream","Dream"],[39.1,39.5,40.3,null,36.7,39.3,38.9,39.2,34.1,42,37.8,37.8,41.1,38.6,34.6,36.6,38.7,42.5,34.4,46,37.8,37.7,35.9,38.2,38.8,35.3,40.6,40.5,37.9,40.5,39.5,37.2,39.5,40.9,36.4,39.2,38.8,42.2,37.6,39.8,36.5,40.8,36,44.1,37,39.6,41.1,37.5,36,42.3,39.6,40.1,35,42,34.5,41.4,39,40.6,36.5,37.6,35.7,41.3,37.6,41.1,36.4,41.6,35.5,41.1,35.9,41.8,33.5,39.7,39.6,45.8,35.5,42.8,40.9,37.2,36.2,42.1,34.6,42.9,36.7,35.1,37.3,41.3,36.3,36.9,38.3,38.9,35.7,41.1,34,39.6,36.2,40.8,38.1,40.3,33.1,43.2,35,41,37.7,37.8,37.9,39.7,38.6,38.2,38.1,43.2,38.1,45.6,39.7,42.2,39.6,42.7,38.6,37.3,35.7,41.1,36.2,37.7,40.2,41.4,35.2,40.6,38.8,41.5,39,44.1,38.5,43.1,36.8,37.5,38.1,41.1,35.6,40.2,37,39.7,40.2,40.6,32.1,40.7,37.3,39,39.2,36.6,36,37.8,36,41.5,46.1,50,48.7,50,47.6,46.5,45.4,46.7,43.3,46.8,40.9,49,45.5,48.4,45.8,49.3,42,49.2,46.2,48.7,50.2,45.1,46.5,46.3,42.9,46.1,44.5,47.8,48.2,50,47.3,42.8,45.1,59.6,49.1,48.4,42.6,44.4,44,48.7,42.7,49.6,45.3,49.6,50.5,43.6,45.5,50.5,44.9,45.2,46.6,48.5,45.1,50.1,46.5,45,43.8,45.5,43.2,50.4,45.3,46.2,45.7,54.3,45.8,49.8,46.2,49.5,43.5,50.7,47.7,46.4,48.2,46.5,46.4,48.6,47.5,51.1,45.2,45.2,49.1,52.5,47.4,50,44.9,50.8,43.4,51.3,47.5,52.1,47.5,52.2,45.5,49.5,44.5,50.8,49.4,46.9,48.4,51.1,48.5,55.9,47.2,49.1,47.3,46.8,41.7,53.4,43.3,48.1,50.5,49.8,43.5,51.5,46.2,55.1,44.5,48.8,47.2,null,46.8,50.4,45.2,49.9,46.5,50,51.3,45.4,52.7,45.2,46.1,51.3,46,51.3,46.6,51.7,47,52,45.9,50.5,50.3,58,46.4,49.2,42.4,48.5,43.2,50.6,46.7,52,50.5,49.5,46.4,52.8,40.9,54.2,42.5,51,49.7,47.5,47.6,52,46.9,53.5,49,46.2,50.9,45.5,50.9,50.8,50.1,49,51.5,49.8,48.1,51.4,45.7,50.7,42.5,52.2,45.2,49.3,50.2,45.6,51.9,46.8,45.7,55.8,43.5,49.6,50.8,50.2],[18.7,17.4,18,null,19.3,20.6,17.8,19.6,18.1,20.2,17.1,17.3,17.6,21.2,21.1,17.8,19,20.7,18.4,21.5,18.3,18.7,19.2,18.1,17.2,18.9,18.6,17.9,18.6,18.9,16.7,18.1,17.8,18.9,17,21.1,20,18.5,19.3,19.1,18,18.4,18.5,19.7,16.9,18.8,19,18.9,17.9,21.2,17.7,18.9,17.9,19.5,18.1,18.6,17.5,18.8,16.6,19.1,16.9,21.1,17,18.2,17.1,18,16.2,19.1,16.6,19.4,19,18.4,17.2,18.9,17.5,18.5,16.8,19.4,16.1,19.1,17.2,17.6,18.8,19.4,17.8,20.3,19.5,18.6,19.2,18.8,18,18.1,17.1,18.1,17.3,18.9,18.6,18.5,16.1,18.5,17.9,20,16,20,18.6,18.9,17.2,20,17,19,16.5,20.3,17.7,19.5,20.7,18.3,17,20.5,17,18.6,17.2,19.8,17,18.5,15.9,19,17.6,18.3,17.1,18,17.9,19.2,18.5,18.5,17.6,17.5,17.5,20.1,16.5,17.9,17.1,17.2,15.5,17,16.8,18.7,18.6,18.4,17.8,18.1,17.1,18.5,13.2,16.3,14.1,15.2,14.5,13.5,14.6,15.3,13.4,15.4,13.7,16.1,13.7,14.6,14.6,15.7,13.5,15.2,14.5,15.1,14.3,14.5,14.5,15.8,13.1,15.1,14.3,15,14.3,15.3,15.3,14.2,14.5,17,14.8,16.3,13.7,17.3,13.6,15.7,13.7,16,13.7,15,15.9,13.9,13.9,15.9,13.3,15.8,14.2,14.1,14.4,15,14.4,15.4,13.9,15,14.5,15.3,13.8,14.9,13.9,15.7,14.2,16.8,14.4,16.2,14.2,15,15,15.6,15.6,14.8,15,16,14.2,16.3,13.8,16.4,14.5,15.6,14.6,15.9,13.8,17.3,14.4,14.2,14,17,15,17.1,14.5,16.1,14.7,15.7,15.8,14.6,14.4,16.5,15,17,15.5,15,13.8,16.1,14.7,15.8,14,15.1,15.2,15.9,15.2,16.3,14.1,16,15.7,16.2,13.7,null,14.3,15.7,14.8,16.1,17.9,19.5,19.2,18.7,19.8,17.8,18.2,18.2,18.9,19.9,17.8,20.3,17.3,18.1,17.1,19.6,20,17.8,18.6,18.2,17.3,17.5,16.6,19.4,17.9,19,18.4,19,17.8,20,16.6,20.8,16.7,18.8,18.6,16.8,18.3,20.7,16.6,19.9,19.5,17.5,19.1,17,17.9,18.5,17.9,19.6,18.7,17.3,16.4,19,17.3,19.7,17.3,18.8,16.6,19.9,18.8,19.4,19.5,16.5,17,19.8,18.1,18.2,19,18.7],[181,186,195,null,193,190,181,195,193,190,186,180,182,191,198,185,195,197,184,194,174,180,189,185,180,187,183,187,172,180,178,178,188,184,195,196,190,180,181,184,182,195,186,196,185,190,182,179,190,191,186,188,190,200,187,191,186,193,181,194,185,195,185,192,184,192,195,188,190,198,190,190,196,197,190,195,191,184,187,195,189,196,187,193,191,194,190,189,189,190,202,205,185,186,187,208,190,196,178,192,192,203,183,190,193,184,199,190,181,197,198,191,193,197,191,196,188,199,189,189,187,198,176,202,186,199,191,195,191,210,190,197,193,199,187,190,191,200,185,193,193,187,188,190,192,185,190,184,195,193,187,201,211,230,210,218,215,210,211,219,209,215,214,216,214,213,210,217,210,221,209,222,218,215,213,215,215,215,216,215,210,220,222,209,207,230,220,220,213,219,208,208,208,225,210,216,222,217,210,225,213,215,210,220,210,225,217,220,208,220,208,224,208,221,214,231,219,230,214,229,220,223,216,221,221,217,216,230,209,220,215,223,212,221,212,224,212,228,218,218,212,230,218,228,212,224,214,226,216,222,203,225,219,228,215,228,216,215,210,219,208,209,216,229,213,230,217,230,217,222,214,null,215,222,212,213,192,196,193,188,197,198,178,197,195,198,193,194,185,201,190,201,197,181,190,195,181,191,187,193,195,197,200,200,191,205,187,201,187,203,195,199,195,210,192,205,210,187,196,196,196,201,190,212,187,198,199,201,193,203,187,197,191,203,202,194,206,189,195,207,202,193,210,198],[3750,3800,3250,null,3450,3650,3625,4675,3475,4250,3300,3700,3200,3800,4400,3700,3450,4500,3325,4200,3400,3600,3800,3950,3800,3800,3550,3200,3150,3950,3250,3900,3300,3900,3325,4150,3950,3550,3300,4650,3150,3900,3100,4400,3000,4600,3425,2975,3450,4150,3500,4300,3450,4050,2900,3700,3550,3800,2850,3750,3150,4400,3600,4050,2850,3950,3350,4100,3050,4450,3600,3900,3550,4150,3700,4250,3700,3900,3550,4000,3200,4700,3800,4200,3350,3550,3800,3500,3950,3600,3550,4300,3400,4450,3300,4300,3700,4350,2900,4100,3725,4725,3075,4250,2925,3550,3750,3900,3175,4775,3825,4600,3200,4275,3900,4075,2900,3775,3350,3325,3150,3500,3450,3875,3050,4000,3275,4300,3050,4000,3325,3500,3500,4475,3425,3900,3175,3975,3400,4250,3400,3475,3050,3725,3000,3650,4250,3475,3450,3750,3700,4000,4500,5700,4450,5700,5400,4550,4800,5200,4400,5150,4650,5550,4650,5850,4200,5850,4150,6300,4800,5350,5700,5000,4400,5050,5000,5100,4100,5650,4600,5550,5250,4700,5050,6050,5150,5400,4950,5250,4350,5350,3950,5700,4300,4750,5550,4900,4200,5400,5100,5300,4850,5300,4400,5000,4900,5050,4300,5000,4450,5550,4200,5300,4400,5650,4700,5700,4650,5800,4700,5550,4750,5000,5100,5200,4700,5800,4600,6000,4750,5950,4625,5450,4725,5350,4750,5600,4600,5300,4875,5550,4950,5400,4750,5650,4850,5200,4925,4875,4625,5250,4850,5600,4975,5500,4725,5500,4700,5500,4575,5500,5000,5950,4650,5500,4375,5850,4875,6000,4925,null,4850,5750,5200,5400,3500,3900,3650,3525,3725,3950,3250,3750,4150,3700,3800,3775,3700,4050,3575,4050,3300,3700,3450,4400,3600,3400,2900,3800,3300,4150,3400,3800,3700,4550,3200,4300,3350,4100,3600,3900,3850,4800,2700,4500,3950,3650,3550,3500,3675,4450,3400,4300,3250,3675,3325,3950,3600,4050,3350,3450,3250,4050,3800,3525,3950,3650,3650,4000,3400,3775,4100,3775]],"container":"<table class=\"display\">\n <thead>\n <tr>\n <th> <\/th>\n <th>species<\/th>\n <th>island<\/th>\n <th>bill_length_mm<\/th>\n <th>bill_depth_mm<\/th>\n <th>flipper_length_mm<\/th>\n <th>body_mass_g<\/th>\n <\/tr>\n <\/thead>\n<\/table>","options":{"pageLength":5,"columnDefs":[{"className":"dt-right","targets":[3,4,5,6]},{"orderable":false,"targets":0}],"order":[],"autoWidth":false,"orderClasses":false,"lengthMenu":[5,10,25,50,100]}},"evals":[],"jsHooks":[]}</script>

---

## Interactive plots with [Plotly](https://plotly.com/r/)

.pull-left[

- Start with an initial plain plot

```r
scatter_plain <- penguins %>% 
 ggplot(aes(x = body_mass_g, y = bill_length_mm, 
 color = species)) +
 geom_point(alpha = 0.5, size = 2) +
 labs(x = "Body Mass (g)", y = "Bill Length (mm)") +
 theme_bw()
scatter_plain
```

]
.pull-right[

]

---

## Interactive plots with [Plotly](https://plotly.com/r/)

.pull-left[

- Make it interactive with `ggplotly`

```r
library(plotly)
ggplotly(scatter_plain)
```

- `plotly` has its own plotting syntax, but we can just use `ggplot2` instead

- there will be some annoying differences at times, so just be careful
  
- Several ways to interact: filter, zoom, and view additional info by hovering over the points with tooltip...

]
.pull-right[

<div id="htmlwidget-7fa0bb2a90abd57aba31" style="width:100%;height:504px;" class="plotly html-widget"></div>
<script type="application/json" data-for="htmlwidget-7fa0bb2a90abd57aba31">{"x":{"data":[{"x":[3750,3800,3250,null,3450,3650,3625,4675,3475,4250,3300,3700,3200,3800,4400,3700,3450,4500,3325,4200,3400,3600,3800,3950,3800,3800,3550,3200,3150,3950,3250,3900,3300,3900,3325,4150,3950,3550,3300,4650,3150,3900,3100,4400,3000,4600,3425,2975,3450,4150,3500,4300,3450,4050,2900,3700,3550,3800,2850,3750,3150,4400,3600,4050,2850,3950,3350,4100,3050,4450,3600,3900,3550,4150,3700,4250,3700,3900,3550,4000,3200,4700,3800,4200,3350,3550,3800,3500,3950,3600,3550,4300,3400,4450,3300,4300,3700,4350,2900,4100,3725,4725,3075,4250,2925,3550,3750,3900,3175,4775,3825,4600,3200,4275,3900,4075,2900,3775,3350,3325,3150,3500,3450,3875,3050,4000,3275,4300,3050,4000,3325,3500,3500,4475,3425,3900,3175,3975,3400,4250,3400,3475,3050,3725,3000,3650,4250,3475,3450,3750,3700,4000],"y":[39.1,39.5,40.3,null,36.7,39.3,38.9,39.2,34.1,42,37.8,37.8,41.1,38.6,34.6,36.6,38.7,42.5,34.4,46,37.8,37.7,35.9,38.2,38.8,35.3,40.6,40.5,37.9,40.5,39.5,37.2,39.5,40.9,36.4,39.2,38.8,42.2,37.6,39.8,36.5,40.8,36,44.1,37,39.6,41.1,37.5,36,42.3,39.6,40.1,35,42,34.5,41.4,39,40.6,36.5,37.6,35.7,41.3,37.6,41.1,36.4,41.6,35.5,41.1,35.9,41.8,33.5,39.7,39.6,45.8,35.5,42.8,40.9,37.2,36.2,42.1,34.6,42.9,36.7,35.1,37.3,41.3,36.3,36.9,38.3,38.9,35.7,41.1,34,39.6,36.2,40.8,38.1,40.3,33.1,43.2,35,41,37.7,37.8,37.9,39.7,38.6,38.2,38.1,43.2,38.1,45.6,39.7,42.2,39.6,42.7,38.6,37.3,35.7,41.1,36.2,37.7,40.2,41.4,35.2,40.6,38.8,41.5,39,44.1,38.5,43.1,36.8,37.5,38.1,41.1,35.6,40.2,37,39.7,40.2,40.6,32.1,40.7,37.3,39,39.2,36.6,36,37.8,36,41.5],"text":["body_mass_g: 3750 bill_length_mm: 39.1 species: Adelie","body_mass_g: 3800 bill_length_mm: 39.5 species: Adelie","body_mass_g: 3250 bill_length_mm: 40.3 species: Adelie","body_mass_g: NA bill_length_mm: NA species: Adelie","body_mass_g: 3450 bill_length_mm: 36.7 species: Adelie","body_mass_g: 3650 bill_length_mm: 39.3 species: Adelie","body_mass_g: 3625 bill_length_mm: 38.9 species: Adelie","body_mass_g: 4675 bill_length_mm: 39.2 species: Adelie","body_mass_g: 3475 bill_length_mm: 34.1 species: Adelie","body_mass_g: 4250 bill_length_mm: 42.0 species: Adelie","body_mass_g: 3300 bill_length_mm: 37.8 species: Adelie","body_mass_g: 3700 bill_length_mm: 37.8 species: Adelie","body_mass_g: 3200 bill_length_mm: 41.1 species: Adelie","body_mass_g: 3800 bill_length_mm: 38.6 species: Adelie","body_mass_g: 4400 bill_length_mm: 34.6 species: Adelie","body_mass_g: 3700 bill_length_mm: 36.6 species: Adelie","body_mass_g: 3450 bill_length_mm: 38.7 species: Adelie","body_mass_g: 4500 bill_length_mm: 42.5 species: Adelie","body_mass_g: 3325 bill_length_mm: 34.4 species: Adelie","body_mass_g: 4200 bill_length_mm: 46.0 species: Adelie","body_mass_g: 3400 bill_length_mm: 37.8 species: Adelie","body_mass_g: 3600 bill_length_mm: 37.7 species: Adelie","body_mass_g: 3800 bill_length_mm: 35.9 species: Adelie","body_mass_g: 3950 bill_length_mm: 38.2 species: Adelie","body_mass_g: 3800 bill_length_mm: 38.8 species: Adelie","body_mass_g: 3800 bill_length_mm: 35.3 species: Adelie","body_mass_g: 3550 bill_length_mm: 40.6 species: Adelie","body_mass_g: 3200 bill_length_mm: 40.5 species: Adelie","body_mass_g: 3150 bill_length_mm: 37.9 species: Adelie","body_mass_g: 3950 bill_length_mm: 40.5 species: Adelie","body_mass_g: 3250 bill_length_mm: 39.5 species: Adelie","body_mass_g: 3900 bill_length_mm: 37.2 species: Adelie","body_mass_g: 3300 bill_length_mm: 39.5 species: Adelie","body_mass_g: 3900 bill_length_mm: 40.9 species: Adelie","body_mass_g: 3325 bill_length_mm: 36.4 species: Adelie","body_mass_g: 4150 bill_length_mm: 39.2 species: Adelie","body_mass_g: 3950 bill_length_mm: 38.8 species: Adelie","body_mass_g: 3550 bill_length_mm: 42.2 species: Adelie","body_mass_g: 3300 bill_length_mm: 37.6 species: Adelie","body_mass_g: 4650 bill_length_mm: 39.8 species: Adelie","body_mass_g: 3150 bill_length_mm: 36.5 species: Adelie","body_mass_g: 3900 bill_length_mm: 40.8 species: Adelie","body_mass_g: 3100 bill_length_mm: 36.0 species: Adelie","body_mass_g: 4400 bill_length_mm: 44.1 species: Adelie","body_mass_g: 3000 bill_length_mm: 37.0 species: Adelie","body_mass_g: 4600 bill_length_mm: 39.6 species: Adelie","body_mass_g: 3425 bill_length_mm: 41.1 species: Adelie","body_mass_g: 2975 bill_length_mm: 37.5 species: Adelie","body_mass_g: 3450 bill_length_mm: 36.0 species: Adelie","body_mass_g: 4150 bill_length_mm: 42.3 species: Adelie","body_mass_g: 3500 bill_length_mm: 39.6 species: Adelie","body_mass_g: 4300 bill_length_mm: 40.1 species: Adelie","body_mass_g: 3450 bill_length_mm: 35.0 species: Adelie","body_mass_g: 4050 bill_length_mm: 42.0 species: Adelie","body_mass_g: 2900 bill_length_mm: 34.5 species: Adelie","body_mass_g: 3700 bill_length_mm: 41.4 species: Adelie","body_mass_g: 3550 bill_length_mm: 39.0 species: Adelie","body_mass_g: 3800 bill_length_mm: 40.6 species: Adelie","body_mass_g: 2850 bill_length_mm: 36.5 species: Adelie","body_mass_g: 3750 bill_length_mm: 37.6 species: Adelie","body_mass_g: 3150 bill_length_mm: 35.7 species: Adelie","body_mass_g: 4400 bill_length_mm: 41.3 species: Adelie","body_mass_g: 3600 bill_length_mm: 37.6 species: Adelie","body_mass_g: 4050 bill_length_mm: 41.1 species: Adelie","body_mass_g: 2850 bill_length_mm: 36.4 species: Adelie","body_mass_g: 3950 bill_length_mm: 41.6 species: Adelie","body_mass_g: 3350 bill_length_mm: 35.5 species: Adelie","body_mass_g: 4100 bill_length_mm: 41.1 species: Adelie","body_mass_g: 3050 bill_length_mm: 35.9 species: Adelie","body_mass_g: 4450 bill_length_mm: 41.8 species: Adelie","body_mass_g: 3600 bill_length_mm: 33.5 species: Adelie","body_mass_g: 3900 bill_length_mm: 39.7 species: Adelie","body_mass_g: 3550 bill_length_mm: 39.6 species: Adelie","body_mass_g: 4150 bill_length_mm: 45.8 species: Adelie","body_mass_g: 3700 bill_length_mm: 35.5 species: Adelie","body_mass_g: 4250 bill_length_mm: 42.8 species: Adelie","body_mass_g: 3700 bill_length_mm: 40.9 species: Adelie","body_mass_g: 3900 bill_length_mm: 37.2 species: Adelie","body_mass_g: 3550 bill_length_mm: 36.2 species: Adelie","body_mass_g: 4000 bill_length_mm: 42.1 species: Adelie","body_mass_g: 3200 bill_length_mm: 34.6 species: Adelie","body_mass_g: 4700 bill_length_mm: 42.9 species: Adelie","body_mass_g: 3800 bill_length_mm: 36.7 species: Adelie","body_mass_g: 4200 bill_length_mm: 35.1 species: Adelie","body_mass_g: 3350 bill_length_mm: 37.3 species: Adelie","body_mass_g: 3550 bill_length_mm: 41.3 species: Adelie","body_mass_g: 3800 bill_length_mm: 36.3 species: Adelie","body_mass_g: 3500 bill_length_mm: 36.9 species: Adelie","body_mass_g: 3950 bill_length_mm: 38.3 species: Adelie","body_mass_g: 3600 bill_length_mm: 38.9 species: Adelie","body_mass_g: 3550 bill_length_mm: 35.7 species: Adelie","body_mass_g: 4300 bill_length_mm: 41.1 species: Adelie","body_mass_g: 3400 bill_length_mm: 34.0 species: Adelie","body_mass_g: 4450 bill_length_mm: 39.6 species: Adelie","body_mass_g: 3300 bill_length_mm: 36.2 species: Adelie","body_mass_g: 4300 bill_length_mm: 40.8 species: Adelie","body_mass_g: 3700 bill_length_mm: 38.1 species: Adelie","body_mass_g: 4350 bill_length_mm: 40.3 species: Adelie","body_mass_g: 2900 bill_length_mm: 33.1 species: Adelie","body_mass_g: 4100 bill_length_mm: 43.2 species: Adelie","body_mass_g: 3725 bill_length_mm: 35.0 species: Adelie","body_mass_g: 4725 bill_length_mm: 41.0 species: Adelie","body_mass_g: 3075 bill_length_mm: 37.7 species: Adelie","body_mass_g: 4250 bill_length_mm: 37.8 species: Adelie","body_mass_g: 2925 bill_length_mm: 37.9 species: Adelie","body_mass_g: 3550 bill_length_mm: 39.7 species: Adelie","body_mass_g: 3750 bill_length_mm: 38.6 species: Adelie","body_mass_g: 3900 bill_length_mm: 38.2 species: Adelie","body_mass_g: 3175 bill_length_mm: 38.1 species: Adelie","body_mass_g: 4775 bill_length_mm: 43.2 species: Adelie","body_mass_g: 3825 bill_length_mm: 38.1 species: Adelie","body_mass_g: 4600 bill_length_mm: 45.6 species: Adelie","body_mass_g: 3200 bill_length_mm: 39.7 species: Adelie","body_mass_g: 4275 bill_length_mm: 42.2 species: Adelie","body_mass_g: 3900 bill_length_mm: 39.6 species: Adelie","body_mass_g: 4075 bill_length_mm: 42.7 species: Adelie","body_mass_g: 2900 bill_length_mm: 38.6 species: Adelie","body_mass_g: 3775 bill_length_mm: 37.3 species: Adelie","body_mass_g: 3350 bill_length_mm: 35.7 species: Adelie","body_mass_g: 3325 bill_length_mm: 41.1 species: Adelie","body_mass_g: 3150 bill_length_mm: 36.2 species: Adelie","body_mass_g: 3500 bill_length_mm: 37.7 species: Adelie","body_mass_g: 3450 bill_length_mm: 40.2 species: Adelie","body_mass_g: 3875 bill_length_mm: 41.4 species: Adelie","body_mass_g: 3050 bill_length_mm: 35.2 species: Adelie","body_mass_g: 4000 bill_length_mm: 40.6 species: Adelie","body_mass_g: 3275 bill_length_mm: 38.8 species: Adelie","body_mass_g: 4300 bill_length_mm: 41.5 species: Adelie","body_mass_g: 3050 bill_length_mm: 39.0 species: Adelie","body_mass_g: 4000 bill_length_mm: 44.1 species: Adelie","body_mass_g: 3325 bill_length_mm: 38.5 species: Adelie","body_mass_g: 3500 bill_length_mm: 43.1 species: Adelie","body_mass_g: 3500 bill_length_mm: 36.8 species: Adelie","body_mass_g: 4475 bill_length_mm: 37.5 species: Adelie","body_mass_g: 3425 bill_length_mm: 38.1 species: Adelie","body_mass_g: 3900 bill_length_mm: 41.1 species: Adelie","body_mass_g: 3175 bill_length_mm: 35.6 species: Adelie","body_mass_g: 3975 bill_length_mm: 40.2 species: Adelie","body_mass_g: 3400 bill_length_mm: 37.0 species: Adelie","body_mass_g: 4250 bill_length_mm: 39.7 species: Adelie","body_mass_g: 3400 bill_length_mm: 40.2 species: Adelie","body_mass_g: 3475 bill_length_mm: 40.6 species: Adelie","body_mass_g: 3050 bill_length_mm: 32.1 species: Adelie","body_mass_g: 3725 bill_length_mm: 40.7 species: Adelie","body_mass_g: 3000 bill_length_mm: 37.3 species: Adelie","body_mass_g: 3650 bill_length_mm: 39.0 species: Adelie","body_mass_g: 4250 bill_length_mm: 39.2 species: Adelie","body_mass_g: 3475 bill_length_mm: 36.6 species: Adelie","body_mass_g: 3450 bill_length_mm: 36.0 species: Adelie","body_mass_g: 3750 bill_length_mm: 37.8 species: Adelie","body_mass_g: 3700 bill_length_mm: 36.0 species: Adelie","body_mass_g: 4000 bill_length_mm: 41.5 species: Adelie"],"type":"scatter","mode":"markers","marker":{"autocolorscale":false,"color":"rgba(248,118,109,1)","opacity":0.5,"size":7.55905511811024,"symbol":"circle","line":{"width":1.88976377952756,"color":"rgba(248,118,109,1)"}},"hoveron":"points","name":"Adelie","legendgroup":"Adelie","showlegend":true,"xaxis":"x","yaxis":"y","hoverinfo":"text","frame":null},{"x":[3500,3900,3650,3525,3725,3950,3250,3750,4150,3700,3800,3775,3700,4050,3575,4050,3300,3700,3450,4400,3600,3400,2900,3800,3300,4150,3400,3800,3700,4550,3200,4300,3350,4100,3600,3900,3850,4800,2700,4500,3950,3650,3550,3500,3675,4450,3400,4300,3250,3675,3325,3950,3600,4050,3350,3450,3250,4050,3800,3525,3950,3650,3650,4000,3400,3775,4100,3775],"y":[46.5,50,51.3,45.4,52.7,45.2,46.1,51.3,46,51.3,46.6,51.7,47,52,45.9,50.5,50.3,58,46.4,49.2,42.4,48.5,43.2,50.6,46.7,52,50.5,49.5,46.4,52.8,40.9,54.2,42.5,51,49.7,47.5,47.6,52,46.9,53.5,49,46.2,50.9,45.5,50.9,50.8,50.1,49,51.5,49.8,48.1,51.4,45.7,50.7,42.5,52.2,45.2,49.3,50.2,45.6,51.9,46.8,45.7,55.8,43.5,49.6,50.8,50.2],"text":["body_mass_g: 3500 bill_length_mm: 46.5 species: Chinstrap","body_mass_g: 3900 bill_length_mm: 50.0 species: Chinstrap","body_mass_g: 3650 bill_length_mm: 51.3 species: Chinstrap","body_mass_g: 3525 bill_length_mm: 45.4 species: Chinstrap","body_mass_g: 3725 bill_length_mm: 52.7 species: Chinstrap","body_mass_g: 3950 bill_length_mm: 45.2 species: Chinstrap","body_mass_g: 3250 bill_length_mm: 46.1 species: Chinstrap","body_mass_g: 3750 bill_length_mm: 51.3 species: Chinstrap","body_mass_g: 4150 bill_length_mm: 46.0 species: Chinstrap","body_mass_g: 3700 bill_length_mm: 51.3 species: Chinstrap","body_mass_g: 3800 bill_length_mm: 46.6 species: Chinstrap","body_mass_g: 3775 bill_length_mm: 51.7 species: Chinstrap","body_mass_g: 3700 bill_length_mm: 47.0 species: Chinstrap","body_mass_g: 4050 bill_length_mm: 52.0 species: Chinstrap","body_mass_g: 3575 bill_length_mm: 45.9 species: Chinstrap","body_mass_g: 4050 bill_length_mm: 50.5 species: Chinstrap","body_mass_g: 3300 bill_length_mm: 50.3 species: Chinstrap","body_mass_g: 3700 bill_length_mm: 58.0 species: Chinstrap","body_mass_g: 3450 bill_length_mm: 46.4 species: Chinstrap","body_mass_g: 4400 bill_length_mm: 49.2 species: Chinstrap","body_mass_g: 3600 bill_length_mm: 42.4 species: Chinstrap","body_mass_g: 3400 bill_length_mm: 48.5 species: Chinstrap","body_mass_g: 2900 bill_length_mm: 43.2 species: Chinstrap","body_mass_g: 3800 bill_length_mm: 50.6 species: Chinstrap","body_mass_g: 3300 bill_length_mm: 46.7 species: Chinstrap","body_mass_g: 4150 bill_length_mm: 52.0 species: Chinstrap","body_mass_g: 3400 bill_length_mm: 50.5 species: Chinstrap","body_mass_g: 3800 bill_length_mm: 49.5 species: Chinstrap","body_mass_g: 3700 bill_length_mm: 46.4 species: Chinstrap","body_mass_g: 4550 bill_length_mm: 52.8 species: Chinstrap","body_mass_g: 3200 bill_length_mm: 40.9 species: Chinstrap","body_mass_g: 4300 bill_length_mm: 54.2 species: Chinstrap","body_mass_g: 3350 bill_length_mm: 42.5 species: Chinstrap","body_mass_g: 4100 bill_length_mm: 51.0 species: Chinstrap","body_mass_g: 3600 bill_length_mm: 49.7 species: Chinstrap","body_mass_g: 3900 bill_length_mm: 47.5 species: Chinstrap","body_mass_g: 3850 bill_length_mm: 47.6 species: Chinstrap","body_mass_g: 4800 bill_length_mm: 52.0 species: Chinstrap","body_mass_g: 2700 bill_length_mm: 46.9 species: Chinstrap","body_mass_g: 4500 bill_length_mm: 53.5 species: Chinstrap","body_mass_g: 3950 bill_length_mm: 49.0 species: Chinstrap","body_mass_g: 3650 bill_length_mm: 46.2 species: Chinstrap","body_mass_g: 3550 bill_length_mm: 50.9 species: Chinstrap","body_mass_g: 3500 bill_length_mm: 45.5 species: Chinstrap","body_mass_g: 3675 bill_length_mm: 50.9 species: Chinstrap","body_mass_g: 4450 bill_length_mm: 50.8 species: Chinstrap","body_mass_g: 3400 bill_length_mm: 50.1 species: Chinstrap","body_mass_g: 4300 bill_length_mm: 49.0 species: Chinstrap","body_mass_g: 3250 bill_length_mm: 51.5 species: Chinstrap","body_mass_g: 3675 bill_length_mm: 49.8 species: Chinstrap","body_mass_g: 3325 bill_length_mm: 48.1 species: Chinstrap","body_mass_g: 3950 bill_length_mm: 51.4 species: Chinstrap","body_mass_g: 3600 bill_length_mm: 45.7 species: Chinstrap","body_mass_g: 4050 bill_length_mm: 50.7 species: Chinstrap","body_mass_g: 3350 bill_length_mm: 42.5 species: Chinstrap","body_mass_g: 3450 bill_length_mm: 52.2 species: Chinstrap","body_mass_g: 3250 bill_length_mm: 45.2 species: Chinstrap","body_mass_g: 4050 bill_length_mm: 49.3 species: Chinstrap","body_mass_g: 3800 bill_length_mm: 50.2 species: Chinstrap","body_mass_g: 3525 bill_length_mm: 45.6 species: Chinstrap","body_mass_g: 3950 bill_length_mm: 51.9 species: Chinstrap","body_mass_g: 3650 bill_length_mm: 46.8 species: Chinstrap","body_mass_g: 3650 bill_length_mm: 45.7 species: Chinstrap","body_mass_g: 4000 bill_length_mm: 55.8 species: Chinstrap","body_mass_g: 3400 bill_length_mm: 43.5 species: Chinstrap","body_mass_g: 3775 bill_length_mm: 49.6 species: Chinstrap","body_mass_g: 4100 bill_length_mm: 50.8 species: Chinstrap","body_mass_g: 3775 bill_length_mm: 50.2 species: Chinstrap"],"type":"scatter","mode":"markers","marker":{"autocolorscale":false,"color":"rgba(0,186,56,1)","opacity":0.5,"size":7.55905511811024,"symbol":"circle","line":{"width":1.88976377952756,"color":"rgba(0,186,56,1)"}},"hoveron":"points","name":"Chinstrap","legendgroup":"Chinstrap","showlegend":true,"xaxis":"x","yaxis":"y","hoverinfo":"text","frame":null},{"x":[4500,5700,4450,5700,5400,4550,4800,5200,4400,5150,4650,5550,4650,5850,4200,5850,4150,6300,4800,5350,5700,5000,4400,5050,5000,5100,4100,5650,4600,5550,5250,4700,5050,6050,5150,5400,4950,5250,4350,5350,3950,5700,4300,4750,5550,4900,4200,5400,5100,5300,4850,5300,4400,5000,4900,5050,4300,5000,4450,5550,4200,5300,4400,5650,4700,5700,4650,5800,4700,5550,4750,5000,5100,5200,4700,5800,4600,6000,4750,5950,4625,5450,4725,5350,4750,5600,4600,5300,4875,5550,4950,5400,4750,5650,4850,5200,4925,4875,4625,5250,4850,5600,4975,5500,4725,5500,4700,5500,4575,5500,5000,5950,4650,5500,4375,5850,4875,6000,4925,null,4850,5750,5200,5400],"y":[46.1,50,48.7,50,47.6,46.5,45.4,46.7,43.3,46.8,40.9,49,45.5,48.4,45.8,49.3,42,49.2,46.2,48.7,50.2,45.1,46.5,46.3,42.9,46.1,44.5,47.8,48.2,50,47.3,42.8,45.1,59.6,49.1,48.4,42.6,44.4,44,48.7,42.7,49.6,45.3,49.6,50.5,43.6,45.5,50.5,44.9,45.2,46.6,48.5,45.1,50.1,46.5,45,43.8,45.5,43.2,50.4,45.3,46.2,45.7,54.3,45.8,49.8,46.2,49.5,43.5,50.7,47.7,46.4,48.2,46.5,46.4,48.6,47.5,51.1,45.2,45.2,49.1,52.5,47.4,50,44.9,50.8,43.4,51.3,47.5,52.1,47.5,52.2,45.5,49.5,44.5,50.8,49.4,46.9,48.4,51.1,48.5,55.9,47.2,49.1,47.3,46.8,41.7,53.4,43.3,48.1,50.5,49.8,43.5,51.5,46.2,55.1,44.5,48.8,47.2,null,46.8,50.4,45.2,49.9],"text":["body_mass_g: 4500 bill_length_mm: 46.1 species: Gentoo","body_mass_g: 5700 bill_length_mm: 50.0 species: Gentoo","body_mass_g: 4450 bill_length_mm: 48.7 species: Gentoo","body_mass_g: 5700 bill_length_mm: 50.0 species: Gentoo","body_mass_g: 5400 bill_length_mm: 47.6 species: Gentoo","body_mass_g: 4550 bill_length_mm: 46.5 species: Gentoo","body_mass_g: 4800 bill_length_mm: 45.4 species: Gentoo","body_mass_g: 5200 bill_length_mm: 46.7 species: Gentoo","body_mass_g: 4400 bill_length_mm: 43.3 species: Gentoo","body_mass_g: 5150 bill_length_mm: 46.8 species: Gentoo","body_mass_g: 4650 bill_length_mm: 40.9 species: Gentoo","body_mass_g: 5550 bill_length_mm: 49.0 species: Gentoo","body_mass_g: 4650 bill_length_mm: 45.5 species: Gentoo","body_mass_g: 5850 bill_length_mm: 48.4 species: Gentoo","body_mass_g: 4200 bill_length_mm: 45.8 species: Gentoo","body_mass_g: 5850 bill_length_mm: 49.3 species: Gentoo","body_mass_g: 4150 bill_length_mm: 42.0 species: Gentoo","body_mass_g: 6300 bill_length_mm: 49.2 species: Gentoo","body_mass_g: 4800 bill_length_mm: 46.2 species: Gentoo","body_mass_g: 5350 bill_length_mm: 48.7 species: Gentoo","body_mass_g: 5700 bill_length_mm: 50.2 species: Gentoo","body_mass_g: 5000 bill_length_mm: 45.1 species: Gentoo","body_mass_g: 4400 bill_length_mm: 46.5 species: Gentoo","body_mass_g: 5050 bill_length_mm: 46.3 species: Gentoo","body_mass_g: 5000 bill_length_mm: 42.9 species: Gentoo","body_mass_g: 5100 bill_length_mm: 46.1 species: Gentoo","body_mass_g: 4100 bill_length_mm: 44.5 species: Gentoo","body_mass_g: 5650 bill_length_mm: 47.8 species: Gentoo","body_mass_g: 4600 bill_length_mm: 48.2 species: Gentoo","body_mass_g: 5550 bill_length_mm: 50.0 species: Gentoo","body_mass_g: 5250 bill_length_mm: 47.3 species: Gentoo","body_mass_g: 4700 bill_length_mm: 42.8 species: Gentoo","body_mass_g: 5050 bill_length_mm: 45.1 species: Gentoo","body_mass_g: 6050 bill_length_mm: 59.6 species: Gentoo","body_mass_g: 5150 bill_length_mm: 49.1 species: Gentoo","body_mass_g: 5400 bill_length_mm: 48.4 species: Gentoo","body_mass_g: 4950 bill_length_mm: 42.6 species: Gentoo","body_mass_g: 5250 bill_length_mm: 44.4 species: Gentoo","body_mass_g: 4350 bill_length_mm: 44.0 species: Gentoo","body_mass_g: 5350 bill_length_mm: 48.7 species: Gentoo","body_mass_g: 3950 bill_length_mm: 42.7 species: Gentoo","body_mass_g: 5700 bill_length_mm: 49.6 species: Gentoo","body_mass_g: 4300 bill_length_mm: 45.3 species: Gentoo","body_mass_g: 4750 bill_length_mm: 49.6 species: Gentoo","body_mass_g: 5550 bill_length_mm: 50.5 species: Gentoo","body_mass_g: 4900 bill_length_mm: 43.6 species: Gentoo","body_mass_g: 4200 bill_length_mm: 45.5 species: Gentoo","body_mass_g: 5400 bill_length_mm: 50.5 species: Gentoo","body_mass_g: 5100 bill_length_mm: 44.9 species: Gentoo","body_mass_g: 5300 bill_length_mm: 45.2 species: Gentoo","body_mass_g: 4850 bill_length_mm: 46.6 species: Gentoo","body_mass_g: 5300 bill_length_mm: 48.5 species: Gentoo","body_mass_g: 4400 bill_length_mm: 45.1 species: Gentoo","body_mass_g: 5000 bill_length_mm: 50.1 species: Gentoo","body_mass_g: 4900 bill_length_mm: 46.5 species: Gentoo","body_mass_g: 5050 bill_length_mm: 45.0 species: Gentoo","body_mass_g: 4300 bill_length_mm: 43.8 species: Gentoo","body_mass_g: 5000 bill_length_mm: 45.5 species: Gentoo","body_mass_g: 4450 bill_length_mm: 43.2 species: Gentoo","body_mass_g: 5550 bill_length_mm: 50.4 species: Gentoo","body_mass_g: 4200 bill_length_mm: 45.3 species: Gentoo","body_mass_g: 5300 bill_length_mm: 46.2 species: Gentoo","body_mass_g: 4400 bill_length_mm: 45.7 species: Gentoo","body_mass_g: 5650 bill_length_mm: 54.3 species: Gentoo","body_mass_g: 4700 bill_length_mm: 45.8 species: Gentoo","body_mass_g: 5700 bill_length_mm: 49.8 species: Gentoo","body_mass_g: 4650 bill_length_mm: 46.2 species: Gentoo","body_mass_g: 5800 bill_length_mm: 49.5 species: Gentoo","body_mass_g: 4700 bill_length_mm: 43.5 species: Gentoo","body_mass_g: 5550 bill_length_mm: 50.7 species: Gentoo","body_mass_g: 4750 bill_length_mm: 47.7 species: Gentoo","body_mass_g: 5000 bill_length_mm: 46.4 species: Gentoo","body_mass_g: 5100 bill_length_mm: 48.2 species: Gentoo","body_mass_g: 5200 bill_length_mm: 46.5 species: Gentoo","body_mass_g: 4700 bill_length_mm: 46.4 species: Gentoo","body_mass_g: 5800 bill_length_mm: 48.6 species: Gentoo","body_mass_g: 4600 bill_length_mm: 47.5 species: Gentoo","body_mass_g: 6000 bill_length_mm: 51.1 species: Gentoo","body_mass_g: 4750 bill_length_mm: 45.2 species: Gentoo","body_mass_g: 5950 bill_length_mm: 45.2 species: Gentoo","body_mass_g: 4625 bill_length_mm: 49.1 species: Gentoo","body_mass_g: 5450 bill_length_mm: 52.5 species: Gentoo","body_mass_g: 4725 bill_length_mm: 47.4 species: Gentoo","body_mass_g: 5350 bill_length_mm: 50.0 species: Gentoo","body_mass_g: 4750 bill_length_mm: 44.9 species: Gentoo","body_mass_g: 5600 bill_length_mm: 50.8 species: Gentoo","body_mass_g: 4600 bill_length_mm: 43.4 species: Gentoo","body_mass_g: 5300 bill_length_mm: 51.3 species: Gentoo","body_mass_g: 4875 bill_length_mm: 47.5 species: Gentoo","body_mass_g: 5550 bill_length_mm: 52.1 species: Gentoo","body_mass_g: 4950 bill_length_mm: 47.5 species: Gentoo","body_mass_g: 5400 bill_length_mm: 52.2 species: Gentoo","body_mass_g: 4750 bill_length_mm: 45.5 species: Gentoo","body_mass_g: 5650 bill_length_mm: 49.5 species: Gentoo","body_mass_g: 4850 bill_length_mm: 44.5 species: Gentoo","body_mass_g: 5200 bill_length_mm: 50.8 species: Gentoo","body_mass_g: 4925 bill_length_mm: 49.4 species: Gentoo","body_mass_g: 4875 bill_length_mm: 46.9 species: Gentoo","body_mass_g: 4625 bill_length_mm: 48.4 species: Gentoo","body_mass_g: 5250 bill_length_mm: 51.1 species: Gentoo","body_mass_g: 4850 bill_length_mm: 48.5 species: Gentoo","body_mass_g: 5600 bill_length_mm: 55.9 species: Gentoo","body_mass_g: 4975 bill_length_mm: 47.2 species: Gentoo","body_mass_g: 5500 bill_length_mm: 49.1 species: Gentoo","body_mass_g: 4725 bill_length_mm: 47.3 species: Gentoo","body_mass_g: 5500 bill_length_mm: 46.8 species: Gentoo","body_mass_g: 4700 bill_length_mm: 41.7 species: Gentoo","body_mass_g: 5500 bill_length_mm: 53.4 species: Gentoo","body_mass_g: 4575 bill_length_mm: 43.3 species: Gentoo","body_mass_g: 5500 bill_length_mm: 48.1 species: Gentoo","body_mass_g: 5000 bill_length_mm: 50.5 species: Gentoo","body_mass_g: 5950 bill_length_mm: 49.8 species: Gentoo","body_mass_g: 4650 bill_length_mm: 43.5 species: Gentoo","body_mass_g: 5500 bill_length_mm: 51.5 species: Gentoo","body_mass_g: 4375 bill_length_mm: 46.2 species: Gentoo","body_mass_g: 5850 bill_length_mm: 55.1 species: Gentoo","body_mass_g: 4875 bill_length_mm: 44.5 species: Gentoo","body_mass_g: 6000 bill_length_mm: 48.8 species: Gentoo","body_mass_g: 4925 bill_length_mm: 47.2 species: Gentoo","body_mass_g: NA bill_length_mm: NA species: Gentoo","body_mass_g: 4850 bill_length_mm: 46.8 species: Gentoo","body_mass_g: 5750 bill_length_mm: 50.4 species: Gentoo","body_mass_g: 5200 bill_length_mm: 45.2 species: Gentoo","body_mass_g: 5400 bill_length_mm: 49.9 species: Gentoo"],"type":"scatter","mode":"markers","marker":{"autocolorscale":false,"color":"rgba(97,156,255,1)","opacity":0.5,"size":7.55905511811024,"symbol":"circle","line":{"width":1.88976377952756,"color":"rgba(97,156,255,1)"}},"hoveron":"points","name":"Gentoo","legendgroup":"Gentoo","showlegend":true,"xaxis":"x","yaxis":"y","hoverinfo":"text","frame":null}],"layout":{"margin":{"t":25.3933463796477,"r":7.30593607305936,"b":39.3476842791911,"l":37.2602739726027},"plot_bgcolor":"rgba(255,255,255,1)","paper_bgcolor":"rgba(255,255,255,1)","font":{"color":"rgba(0,0,0,1)","family":"","size":14.6118721461187},"xaxis":{"domain":[0,1],"automargin":true,"type":"linear","autorange":false,"range":[2520,6480],"tickmode":"array","ticktext":["3000","4000","5000","6000"],"tickvals":[3000,4000,5000,6000],"categoryorder":"array","categoryarray":["3000","4000","5000","6000"],"nticks":null,"ticks":"outside","tickcolor":"rgba(51,51,51,1)","ticklen":3.65296803652968,"tickwidth":0.66417600664176,"showticklabels":true,"tickfont":{"color":"rgba(77,77,77,1)","family":"","size":11.689497716895},"tickangle":-0,"showline":false,"linecolor":null,"linewidth":0,"showgrid":true,"gridcolor":"rgba(235,235,235,1)","gridwidth":0.66417600664176,"zeroline":false,"anchor":"y","title":{"text":"Body Mass (g)","font":{"color":"rgba(0,0,0,1)","family":"","size":14.6118721461187}},"hoverformat":".2f"},"yaxis":{"domain":[0,1],"automargin":true,"type":"linear","autorange":false,"range":[30.725,60.975],"tickmode":"array","ticktext":["40","50","60"],"tickvals":[40,50,60],"categoryorder":"array","categoryarray":["40","50","60"],"nticks":null,"ticks":"outside","tickcolor":"rgba(51,51,51,1)","ticklen":3.65296803652968,"tickwidth":0.66417600664176,"showticklabels":true,"tickfont":{"color":"rgba(77,77,77,1)","family":"","size":11.689497716895},"tickangle":-0,"showline":false,"linecolor":null,"linewidth":0,"showgrid":true,"gridcolor":"rgba(235,235,235,1)","gridwidth":0.66417600664176,"zeroline":false,"anchor":"x","title":{"text":"Bill Length (mm)","font":{"color":"rgba(0,0,0,1)","family":"","size":14.6118721461187}},"hoverformat":".2f"},"shapes":[{"type":"rect","fillcolor":"transparent","line":{"color":"rgba(51,51,51,1)","width":0.66417600664176,"linetype":"solid"},"yref":"paper","xref":"paper","x0":0,"x1":1,"y0":0,"y1":1}],"showlegend":true,"legend":{"bgcolor":"rgba(255,255,255,1)","bordercolor":"transparent","borderwidth":1.88976377952756,"font":{"color":"rgba(0,0,0,1)","family":"","size":11.689497716895},"title":{"text":"species","font":{"color":"rgba(0,0,0,1)","family":"","size":14.6118721461187}}},"hovermode":"closest","barmode":"relative"},"config":{"doubleClick":"reset","modeBarButtonsToAdd":["hoverclosest","hovercompare"],"showSendToCloud":false},"source":"A","attrs":{"215313940e4a":{"x":{},"y":{},"colour":{},"type":"scatter"}},"cur_data":"215313940e4a","visdat":{"215313940e4a":["function (y) ","x"]},"highlight":{"on":"plotly_click","persistent":false,"dynamic":false,"selectize":false,"opacityDim":0.2,"selected":{"opacity":1},"debounce":0},"shinyEvents":["plotly_hover","plotly_click","plotly_selected","plotly_relayout","plotly_brushed","plotly_brushing","plotly_clickannotation","plotly_doubleclick","plotly_deselect","plotly_afterplot","plotly_sunburstclick"],"base_url":"https://plot.ly"},"evals":[],"jsHooks":[]}</script>
]

---

## Customize the tooltip

.pull-left[

- Update to include `text` with penguin's `sex`

```r
scatter_upd <- penguins %>% 
 ggplot(aes(x = body_mass_g, y = bill_length_mm, 
 color = species,
* text = paste("sex:", sex))) +
 geom_point(alpha = 0.5, size = 2) +
 labs(x = "Body Mass (g)", y = "Bill Length (mm)") +
 theme_bw()

ggplotly(scatter_upd, 
*        tooltip = c("text", "species"))
```

- We can specify what is included in the tooltip when hovering over the points

]
.pull-right[

<div id="htmlwidget-c301ef25ca07288c5cea" style="width:100%;height:504px;" class="plotly html-widget"></div>
<script type="application/json" data-for="htmlwidget-c301ef25ca07288c5cea">{"x":{"data":[{"x":[3750,3800,3250,null,3450,3650,3625,4675,3475,4250,3300,3700,3200,3800,4400,3700,3450,4500,3325,4200,3400,3600,3800,3950,3800,3800,3550,3200,3150,3950,3250,3900,3300,3900,3325,4150,3950,3550,3300,4650,3150,3900,3100,4400,3000,4600,3425,2975,3450,4150,3500,4300,3450,4050,2900,3700,3550,3800,2850,3750,3150,4400,3600,4050,2850,3950,3350,4100,3050,4450,3600,3900,3550,4150,3700,4250,3700,3900,3550,4000,3200,4700,3800,4200,3350,3550,3800,3500,3950,3600,3550,4300,3400,4450,3300,4300,3700,4350,2900,4100,3725,4725,3075,4250,2925,3550,3750,3900,3175,4775,3825,4600,3200,4275,3900,4075,2900,3775,3350,3325,3150,3500,3450,3875,3050,4000,3275,4300,3050,4000,3325,3500,3500,4475,3425,3900,3175,3975,3400,4250,3400,3475,3050,3725,3000,3650,4250,3475,3450,3750,3700,4000],"y":[39.1,39.5,40.3,null,36.7,39.3,38.9,39.2,34.1,42,37.8,37.8,41.1,38.6,34.6,36.6,38.7,42.5,34.4,46,37.8,37.7,35.9,38.2,38.8,35.3,40.6,40.5,37.9,40.5,39.5,37.2,39.5,40.9,36.4,39.2,38.8,42.2,37.6,39.8,36.5,40.8,36,44.1,37,39.6,41.1,37.5,36,42.3,39.6,40.1,35,42,34.5,41.4,39,40.6,36.5,37.6,35.7,41.3,37.6,41.1,36.4,41.6,35.5,41.1,35.9,41.8,33.5,39.7,39.6,45.8,35.5,42.8,40.9,37.2,36.2,42.1,34.6,42.9,36.7,35.1,37.3,41.3,36.3,36.9,38.3,38.9,35.7,41.1,34,39.6,36.2,40.8,38.1,40.3,33.1,43.2,35,41,37.7,37.8,37.9,39.7,38.6,38.2,38.1,43.2,38.1,45.6,39.7,42.2,39.6,42.7,38.6,37.3,35.7,41.1,36.2,37.7,40.2,41.4,35.2,40.6,38.8,41.5,39,44.1,38.5,43.1,36.8,37.5,38.1,41.1,35.6,40.2,37,39.7,40.2,40.6,32.1,40.7,37.3,39,39.2,36.6,36,37.8,36,41.5],"text":["species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: female","species: Adelie sex: NA","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: NA","species: Adelie sex: NA","species: Adelie sex: NA","species: Adelie sex: NA","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: male","species: Adelie sex: NA","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: female","species: Adelie sex: male","species: Adelie sex: female","species: Adelie sex: male"],"type":"scatter","mode":"markers","marker":{"autocolorscale":false,"color":"rgba(248,118,109,1)","opacity":0.5,"size":7.55905511811024,"symbol":"circle","line":{"width":1.88976377952756,"color":"rgba(248,118,109,1)"}},"hoveron":"points","name":"Adelie","legendgroup":"Adelie","showlegend":true,"xaxis":"x","yaxis":"y","hoverinfo":"text","frame":null},{"x":[3500,3900,3650,3525,3725,3950,3250,3750,4150,3700,3800,3775,3700,4050,3575,4050,3300,3700,3450,4400,3600,3400,2900,3800,3300,4150,3400,3800,3700,4550,3200,4300,3350,4100,3600,3900,3850,4800,2700,4500,3950,3650,3550,3500,3675,4450,3400,4300,3250,3675,3325,3950,3600,4050,3350,3450,3250,4050,3800,3525,3950,3650,3650,4000,3400,3775,4100,3775],"y":[46.5,50,51.3,45.4,52.7,45.2,46.1,51.3,46,51.3,46.6,51.7,47,52,45.9,50.5,50.3,58,46.4,49.2,42.4,48.5,43.2,50.6,46.7,52,50.5,49.5,46.4,52.8,40.9,54.2,42.5,51,49.7,47.5,47.6,52,46.9,53.5,49,46.2,50.9,45.5,50.9,50.8,50.1,49,51.5,49.8,48.1,51.4,45.7,50.7,42.5,52.2,45.2,49.3,50.2,45.6,51.9,46.8,45.7,55.8,43.5,49.6,50.8,50.2],"text":["species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: female","species: Chinstrap sex: male","species: Chinstrap sex: male","species: Chinstrap sex: female"],"type":"scatter","mode":"markers","marker":{"autocolorscale":false,"color":"rgba(0,186,56,1)","opacity":0.5,"size":7.55905511811024,"symbol":"circle","line":{"width":1.88976377952756,"color":"rgba(0,186,56,1)"}},"hoveron":"points","name":"Chinstrap","legendgroup":"Chinstrap","showlegend":true,"xaxis":"x","yaxis":"y","hoverinfo":"text","frame":null},{"x":[4500,5700,4450,5700,5400,4550,4800,5200,4400,5150,4650,5550,4650,5850,4200,5850,4150,6300,4800,5350,5700,5000,4400,5050,5000,5100,4100,5650,4600,5550,5250,4700,5050,6050,5150,5400,4950,5250,4350,5350,3950,5700,4300,4750,5550,4900,4200,5400,5100,5300,4850,5300,4400,5000,4900,5050,4300,5000,4450,5550,4200,5300,4400,5650,4700,5700,4650,5800,4700,5550,4750,5000,5100,5200,4700,5800,4600,6000,4750,5950,4625,5450,4725,5350,4750,5600,4600,5300,4875,5550,4950,5400,4750,5650,4850,5200,4925,4875,4625,5250,4850,5600,4975,5500,4725,5500,4700,5500,4575,5500,5000,5950,4650,5500,4375,5850,4875,6000,4925,null,4850,5750,5200,5400],"y":[46.1,50,48.7,50,47.6,46.5,45.4,46.7,43.3,46.8,40.9,49,45.5,48.4,45.8,49.3,42,49.2,46.2,48.7,50.2,45.1,46.5,46.3,42.9,46.1,44.5,47.8,48.2,50,47.3,42.8,45.1,59.6,49.1,48.4,42.6,44.4,44,48.7,42.7,49.6,45.3,49.6,50.5,43.6,45.5,50.5,44.9,45.2,46.6,48.5,45.1,50.1,46.5,45,43.8,45.5,43.2,50.4,45.3,46.2,45.7,54.3,45.8,49.8,46.2,49.5,43.5,50.7,47.7,46.4,48.2,46.5,46.4,48.6,47.5,51.1,45.2,45.2,49.1,52.5,47.4,50,44.9,50.8,43.4,51.3,47.5,52.1,47.5,52.2,45.5,49.5,44.5,50.8,49.4,46.9,48.4,51.1,48.5,55.9,47.2,49.1,47.3,46.8,41.7,53.4,43.3,48.1,50.5,49.8,43.5,51.5,46.2,55.1,44.5,48.8,47.2,null,46.8,50.4,45.2,49.9],"text":["species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: NA","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: NA","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: NA","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: NA","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: NA","species: Gentoo sex: female","species: Gentoo sex: male","species: Gentoo sex: female","species: Gentoo sex: male"],"type":"scatter","mode":"markers","marker":{"autocolorscale":false,"color":"rgba(97,156,255,1)","opacity":0.5,"size":7.55905511811024,"symbol":"circle","line":{"width":1.88976377952756,"color":"rgba(97,156,255,1)"}},"hoveron":"points","name":"Gentoo","legendgroup":"Gentoo","showlegend":true,"xaxis":"x","yaxis":"y","hoverinfo":"text","frame":null}],"layout":{"margin":{"t":25.3933463796477,"r":7.30593607305936,"b":39.3476842791911,"l":37.2602739726027},"plot_bgcolor":"rgba(255,255,255,1)","paper_bgcolor":"rgba(255,255,255,1)","font":{"color":"rgba(0,0,0,1)","family":"","size":14.6118721461187},"xaxis":{"domain":[0,1],"automargin":true,"type":"linear","autorange":false,"range":[2520,6480],"tickmode":"array","ticktext":["3000","4000","5000","6000"],"tickvals":[3000,4000,5000,6000],"categoryorder":"array","categoryarray":["3000","4000","5000","6000"],"nticks":null,"ticks":"outside","tickcolor":"rgba(51,51,51,1)","ticklen":3.65296803652968,"tickwidth":0.66417600664176,"showticklabels":true,"tickfont":{"color":"rgba(77,77,77,1)","family":"","size":11.689497716895},"tickangle":-0,"showline":false,"linecolor":null,"linewidth":0,"showgrid":true,"gridcolor":"rgba(235,235,235,1)","gridwidth":0.66417600664176,"zeroline":false,"anchor":"y","title":{"text":"Body Mass (g)","font":{"color":"rgba(0,0,0,1)","family":"","size":14.6118721461187}},"hoverformat":".2f"},"yaxis":{"domain":[0,1],"automargin":true,"type":"linear","autorange":false,"range":[30.725,60.975],"tickmode":"array","ticktext":["40","50","60"],"tickvals":[40,50,60],"categoryorder":"array","categoryarray":["40","50","60"],"nticks":null,"ticks":"outside","tickcolor":"rgba(51,51,51,1)","ticklen":3.65296803652968,"tickwidth":0.66417600664176,"showticklabels":true,"tickfont":{"color":"rgba(77,77,77,1)","family":"","size":11.689497716895},"tickangle":-0,"showline":false,"linecolor":null,"linewidth":0,"showgrid":true,"gridcolor":"rgba(235,235,235,1)","gridwidth":0.66417600664176,"zeroline":false,"anchor":"x","title":{"text":"Bill Length (mm)","font":{"color":"rgba(0,0,0,1)","family":"","size":14.6118721461187}},"hoverformat":".2f"},"shapes":[{"type":"rect","fillcolor":"transparent","line":{"color":"rgba(51,51,51,1)","width":0.66417600664176,"linetype":"solid"},"yref":"paper","xref":"paper","x0":0,"x1":1,"y0":0,"y1":1}],"showlegend":true,"legend":{"bgcolor":"rgba(255,255,255,1)","bordercolor":"transparent","borderwidth":1.88976377952756,"font":{"color":"rgba(0,0,0,1)","family":"","size":11.689497716895},"title":{"text":"species","font":{"color":"rgba(0,0,0,1)","family":"","size":14.6118721461187}}},"hovermode":"closest","barmode":"relative"},"config":{"doubleClick":"reset","modeBarButtonsToAdd":["hoverclosest","hovercompare"],"showSendToCloud":false},"source":"A","attrs":{"215335fe69ea":{"x":{},"y":{},"colour":{},"text":{},"type":"scatter"}},"cur_data":"215335fe69ea","visdat":{"215335fe69ea":["function (y) ","x"]},"highlight":{"on":"plotly_click","persistent":false,"dynamic":false,"selectize":false,"opacityDim":0.2,"selected":{"opacity":1},"debounce":0},"shinyEvents":["plotly_hover","plotly_click","plotly_selected","plotly_relayout","plotly_brushed","plotly_brushing","plotly_clickannotation","plotly_doubleclick","plotly_deselect","plotly_afterplot","plotly_sunburstclick"],"base_url":"https://plot.ly"},"evals":[],"jsHooks":[]}</script>

]

---

# Putting it all together with dashboards

- Dashboards are popular way to make data and visualizations available to clients, managers, stakeholders, etc. to help with decision making

- Typically include a mix of graphics and text, depending on the context

- Can easily make HTML dashboards using the [`flexdashboard`](https://pkgs.rstudio.com/flexdashboard/) package

- Provide interactive capabilities within an HTML file (i.e., you can email this!)
  
  - __These are NOT fully interactive like Shiny apps__
  
  - [You can use Shiny within `flexdashboard`](https://pkgs.rstudio.com/flexdashboard/articles/shiny.html) but it requires a Shiny server
  
  - Another option is [`shinydashboard`](https://rstudio.github.io/shinydashboard/)
  
- Outside of `R`, [Tableau](https://public.tableau.com/app/discover) is a popular tool (can use free Tableau Public version)

---
class: center, middle

# DO IT LIVE

---
class: center, middle

# Final Report due Friday Oct 14th by 5 PM EDT via email! (just one per group)