Platform
Resources
Pricing
Sign in
Get started
深度碎片
as simple as possible
Workspace
Fork
Published
Observable-Code-Along
By
深度碎片
Edited
Nov 24, 2019
Fork of
Breakout - code along
•
1 fork
Observable-Code-Along
Breakout: continue, return, callback on bricks
Breakout: add a series of color to bricks
Breakout: add gray color to the thickness of the wall
Breakout: use newGame button to restart the game
Breakout: Add Ashkenas youtube video to code along
Breakout: make a canvas dynamic
build a canvas
Breakout: create width and height sliders
Code-Along on Worse for You: Inflation or Taxation?
Remote Triggering of Earthquake
Breakout - code along
Insert cell
Insert cell
viewof
c
=
{
var
c
=
DOM
.
context2d
(
w
,
h
)
;
c
.
fillRect
(
0
,
0
,
w
,
h
)
;
c
.
canvas
.
value
=
c
;
return
c
.
canvas
;
}
Insert cell
Insert cell
Insert cell
import
{
slider
}
from
"@embracelife/tutorial-utilities"
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
Compare fork
Fork
View
Export
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
c
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
w
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
h
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML