Platform
Resources
Pricing
Sign in
Contact us
Jon E. Froehlich
UW CS Professor in HCI. Director of the Makeability Lab. Co-founder of Project Sidewalk.
Workspace
Fork
Public
CSE412 Spr'23
By
Jon E. Froehlich
Edited
Apr 27, 2023
44 forks
1
CSE412 Spr'23
Observable Playground
Using p5js in Observable
Intro to Vega-Lite
CSE412 Sp'23: Deceptive Visualization Exercises
CSE412 Sp'23: JSON vs. JavaScript Vega-Lite API
CSE 412 Sp'23: Basic Interaction with Vega-Lite
CSE412: Cartographic Exercises
Insert cell
Insert cell
1
+
2
Insert cell
Insert cell
Insert cell
myFavColor
=
"purple"
Insert cell
Insert cell
Insert cell
viewof
yourFavColor
=
Inputs
.
color
(
{
label
:
"Your Favorite color"
,
value
:
"#4682b4"
}
)
Insert cell
Insert cell
{
let
x
=
0
;
let
y
=
8
;
let
z
=
x
+
y
;
return
z
;
}
Insert cell
sumOf2s
=
{
let
x
=
0
;
for
(
let
i
=
0
;
i
<
10
;
i
++
)
{
x
+=
2
;
}
return
x
;
}
Insert cell
Insert cell
function
greet
(
name
)
{
return
`Hello ${
name
}`
;
}
Insert cell
greet
(
"Jon"
)
;
Insert cell
console
.
log
(
"Hello CSE412!"
)
;
Insert cell
{
for
(
let
i
=
0
;
i
<
5
;
i
++
)
{
console
.
log
(
i
+
": "
+
Date
.
now
(
)
+
" ms"
)
;
}
}
Insert cell
{
for
(
let
i
=
0
;
i
<
5
;
i
++
)
{
debugger
;
console
.
log
(
i
+
": "
+
Date
.
now
(
)
+
" ms"
)
;
}
}
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
myFavColor
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
yourFavColor
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sumOf2s
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
greet
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML