Platform
Resources
Pricing
Sign in
Get started
Zach Pino
Workspace
Fork
Published
ID IIT Fall 2020 Data Visualization Workshop
By
Zach Pino
Edited
Oct 1, 2020
Comments locked
1
ID IIT Fall 2020 Data Visualization Workshop
IIT Institute of Design Data Viz Workshop Introduction
Week 1 : Programmatic Images
Week 2 : Intro to Javascript for Visualization
Week 2 Homework Challenges
Week 3 : Intro to D3 and Data Synthesis
Week 4 : D3 Data Joining
Week 5 : Animation and Interactivity
Week 6 : Animation and Interactivity Continued
Week 5-6 Challenge Code
Week 8: Cellular Automata and Conway's Game of Life
Project Brief
Two SVG Areas
City Transit Sim
INC5000 Stacked Area Chart
Delaunay Triangles
Lime Bike Status
Insert cell
Insert cell
Insert cell
Insert cell
import
{
cereals
}
from
'@zachpino/week-5-animation-and-interactivity'
Insert cell
Insert cell
cereals
Insert cell
Insert cell
d3
=
require
(
"d3@5"
)
Insert cell
Insert cell
{
let
minMaxPotassium
=
d3
.
extent
(
cereals
,
d
=>
d
.
potass
)
;
return
minMaxPotassium
;
}
Insert cell
Insert cell
Insert cell
Insert cell
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Try it for free
Learn more
Fork
View
Export
title
Edit
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
homework_summary
Edit
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
d3
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
challenge
Edit
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
image
Edit
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML