Public
Edited
Dec 13, 2022
Insert cell
Insert cell
train_jam_1 = {
yield await FileAttachment("train_jam_1.mp4").url();
}
Insert cell
html`<img src="${train_jam_1}">`
Insert cell
DOM.download(train_jam_1)
Insert cell
GIF = {
const [gif, workerScript] = await Promise.all([
require("gif.js@0.2"),
require
.resolve("gif.js@0.2/dist/gif.worker.js")
.then(fetch)
.then((response) => response.blob())
.then((blob) => URL.createObjectURL(blob, { type: "text/javascript" }))
]);
return class extends gif {
constructor(options) {
super({ workerScript, ...options });
}
};
}
Insert cell
width = 640
Insert cell
height = 480
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