Pre-class Prep
There’s no required prep for this week’s lecture. You will be able to make temporary edits to Allison’s Observable Notebook while in Tinker mode. If you’d like to save your changes, you may optionally create a free starter account (I chose to sign up using my GitHub credentials, but multiple options are provided), then fork the notebook.
Lecture Materials
What is Observable JS?
From the Quarto documentation:
“Observable JS is a set of enhancements to vanilla1 JavaScript created by Mike Bostock (also the author of D3). Observable JS is distinguished by its reactive runtime, which is especially well suited for interactive data exploration and analysis.”
1vanilla JavaScript is JavaScript code that is written without the aid of any external libraries or frameworks (comparable to using only base R without additional packages, e.g. like those in the {tidyverse})
Observable Notebook(s)
- EDS 240: Data visualization in JavaScript (Follow-along version) (you’ll want to Tinker with or fork this version if you want to follow along with Allison’s instruction)
- EDS 240: Data visualization in JavaScript (Key) (this version includes all the code Allison will cover, in case you need to refer to in during class or return to it afterwards)
Additional resources
- Add JavaScript to your dataviz toolkit with Observable Plot: Learner Version, by Allison Horst & Ananya Roy – materials from R-Ladies Santa Barbara meetup (2023-05-24)
- Intro to Observable Plot: Exploring Taylor Swift Songs with Observable Plot, by Tanya Shapiro – materials from R-Ladies Philly workshop (2023-11-09)
Discussion Materials
No discussion section this week!
Assignment Reminders
| Assignment Type | Assignment Title | Date Assigned | Date Due |
|---|---|---|---|
| EOC | EOC (week 9) | Mon 03/04/2024 | Mon 03/04/2024, 11:55pm PT |
| HW | Homework Assignment #4 | Mon 02/26/2024 | Sat 03/09/2024, 11:59pm PT |