https://observablehq.com/@uw-info474/interaction-techniques?collection=@uw-info474/in-class
Interaction Techniques / Interactive Info Vis | Observable
Nov 16, 2020 - Let's add some data to the chart below, and then create some interaction techniques (e.g., hovers).
interactive info visinteraction techniquesobservable
https://observablehq.com/@uw-info474/visualization-design?collection=@uw-info474/assignment-starters
Visualization Design / Interactive Info Vis | Observable
Dec 16, 2020 - In this notebook, you will learn about the Nested Model for visualization design through the following steps: Carefully Read this paper by Tamara Munzner...
interactive info visvisualizationdesignobservable
https://observablehq.com/@uw-info474/creating-assignments?collection=@uw-info474/documentation
Creating Assignments / Interactive Info Vis | Observable
Sep 24, 2020 - All starter notebooks for assignments are in the same Assignment Starters Collection. Each one of those notebooks contains instructions on completing the...
interactive info viscreatingassignmentsobservable
https://observablehq.com/@uw-info474/scrolling-complete?collection=@uw-info474/in-class
Scrolling (complete) / Interactive Info Vis | Observable
Dec 1, 2020 - Below is a simple scroller that changes the color of the background when scrolled. The objective is to: Place a simple chart in the plotting area Change the...
interactive info visscrollingcompleteobservable
https://observablehq.com/@uw-info474/election-map
Election Map / Interactive Info Vis | Observable
Feb 8, 2021 - Today, we'll walk through all of the steps necessary to build a state-level choropleth map of projected election results. We'll load the data directly from...
interactive info viselectionmapobservable
https://observablehq.com/@uw-info474/data-basics-loading-manipulating?collection=@uw-info474/in-class
Data Basics: Loading + Manipulating / Interactive Info Vis | Observable
Sep 23, 2020 - In this notebook, you'll practice loading data, and refresh your JavaScript skills by asking some basic questions about that data. Because of the relevance,...
interactive info visdata basicsloadingmanipulatingobservable
https://observablehq.com/@uw-info474/d3-activity-1-complete?collection=@uw-info474/in-class
D3 Activity 1 (complete) / Interactive Info Vis | Observable
Jan 8, 2021 - This activity is designed to explore the basics of D3's varied capabilities, including: DOM manipulation Data computations Visual renderings You should think...
interactive info visd3activity1complete
https://observablehq.com/@uw-info474/exploratory-data-analysis-of-various-music-datasets
Exploratory Data Analysis of Various Music Datasets / Interactive Info Vis | Observable
Feb 23, 2021 - Music Trends throughout the Decades - Liam Grammy dataset combined with Spotify dataset - we might be looking at trends with popular music over the years, like...
exploratory data analysisinteractive info vismusic datasetsvarious
https://observablehq.com/@uw-info474/d3-activity-1?collection=@uw-info474/in-class
D3 Activity 1 / Interactive Info Vis | Observable
Jan 8, 2021 - This activity is designed to explore the basics of D3's varied capabilities, including: DOM manipulation Data computations Visual renderings You should think...
interactive info visd3activity1observable
https://observablehq.com/@uw-info474/election-map-complete
Election Map (complete) / Interactive Info Vis | Observable
Nov 2, 2020 - Today, we'll walk through all of the steps necessary to build a state-level choropleth map of projected election results. We'll load the data directly from...
interactive info viselectionmapcompleteobservable