Public
Edited
Sep 5, 2023
Insert cell
Insert cell
width
Insert cell
DOM.context2d(width, 40)
Insert cell
DOM.context2d(width, 40).__proto__
Insert cell
DOM.uid()
Insert cell
DOM.uid('test')
Insert cell
DOM.uid('test').toString()
Insert cell
svg`<svg><circle r=20 fill=black cx=40 cy=40 /></svg>`
Insert cell
FileAttachment("image-1.png").url()
Insert cell
FileAttachment("image-1.png").__proto__
Insert cell
console.log(await FileAttachment("image-1.png").image())
Insert cell
buffer = FileAttachment("image-1.png").arrayBuffer()
Insert cell
console.log(buffer)
Insert cell
FileAttachment("image-1.png").stream()
Insert cell
FileAttachment("image-1.png").text()
Insert cell
x = ({invalidation})
Insert cell
y = ({invalidation})
Insert cell
x.invalidation === y.invalidation
Insert cell
// `now` is actually a hidden cell
myNow = {
while (true) {
await new Promises.delay(1000)
yield Date.now()
}
}
Insert cell
<h1>time: ${myNow}</h1>
Insert cell
{
console.log(z)
try {
await invalidation
} catch (error) {
console.log(error)
}
}
Insert cell
z = 99
Insert cell
t ={
let z = 0
z = yield z
}
Insert cell
invalidation
Insert cell
{
yield abc
try {
yield Promises.delay(2000)
} catch (err) {
console.log(err)
}
}
Insert cell
abc = 233
Insert cell
console.log(invalidation.__proto__)
Insert cell
{
yield cc
console.log(88)
// alert(999)
try {
yield invalidation;
}
catch(err) {
//yield 2
//yield Promises.delay(2000)
console.err(err)
}
}
Insert cell
cc = 23322223233
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.
Learn more