Widgets, & dashboards, & apps…oh my!

2025-04-15

Rick Gilmore

Prelude

Entertainment (2013)

Overview

Announcements

Exercise-07 due Thursday
The road ahead

In the news…

USAFacts (2023)

Last time…

Jupyter notebooks on Google colab service

https://colab.research.google.com/drive/13WO5Va62sjnsKjVaqazMMTUe3z-H5oMu?usp=chrome_ntp

On data notebooks

Great for exploration, documentation
Reproducible
Encourage incremental exploration, figure-building
Be kind to your future (forgetful) self
Some are free: Jupyter notebooks, Quarto

Today

Widgets, dashboards, & apps
Work session

Widgets, dashboards, & apps

Widgets

Code

```{python}
#| label: plotly-demo

# https://quarto.org/docs/interactive/widgets/jupyter.html

import plotly.express as px
import plotly.io as pio
df = px.data.iris()
fig = px.scatter(df, x="sepal_width", y="sepal_length", 
                 color="species", 
                 marginal_y="violin", marginal_x="box", 
                 trendline="ols", template="simple_white")
fig.show()
```

Figure 1

Maps with `Leafletjs`

Code

```{r}
#| label: leaflet-r

library(leaflet)
leaflet() %>%
  addTiles() %>%  # Add default OpenStreetMap map tiles
  addMarkers(lng=-77.868785, lat=40.798608, popup="Middle of nowhere")
```

Leafletjs

Aside on JS

JS == JavasScript, JS != Java

https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting/What_is_JavaScript

Dashboards

https://quarto.org/docs/gallery/#dashboards
Gapminder: https://jjallaire.github.io/gapminder-dashboard/
NFL injuries: https://jjallaire.github.io/nfl-injuries-dashboard/
Weather forecast: https://cscheid.github.io/quarto-dashboard-ojs-examples/weather.html

More dashboards

The Wealth & Health of Nations, Bostock (n.d.)
Scatterplot tour
Walmart’s growth

Posit.co’s Shiny

https://shiny.posit.co/r/gallery/
Movie explorer: https://shiny.posit.co/r/gallery/interactive-visualizations/movie-explorer/
Health expenditures vs. life expectancy: https://shiny.posit.co/r/gallery/interactive-visualizations/google-charts/

Gilmore’s Shiny app

https://posit.cloud/spaces/447376/content/7061645

To app or not to app

Harder to make than sequential data visualizations
User interface (UI), user experience (UX), Kohler (2024)
How best to tell your (polished, nearly complete) data ‘story’
Maybe with these data?

Work session

Next time

Commercial tools for data visualization

Resources

References

Bostock, M. (n.d.). The Wealth & Health of Nations / Mike Bostock. Retrieved April 10, 2025, from https://observablehq.com/@mbostock/the-wealth-health-of-nations

Entertainment, W. B. (2013). The wizard of oz | 75th anniversary "dorothy meets the cowardly lion" | warner bros. entertainment. Youtube. Retrieved from https://www.youtube.com/watch?v=BzlhEsWI2Pw

Kohler, T. (2024, January 10). Psychology for UX: Study guide. Retrieved April 11, 2025, from https://www.nngroup.com/articles/psychology-study-guide/

USAFacts. (2023, September 6). Do women live longer than men in the US? Retrieved April 11, 2025, from https://usafacts.org/articles/do-women-live-longer-than-men-in-the-us/