Published
Edited
Apr 5, 2019
5 stars
Insert cell
Insert cell
glitch({
seed: 25, // integer between 0 and 99
quality: 30, // integer between 0 and 99
amount: 3, // integer between 0 and 99
iterations: 20 // integer
})
.fromImage(image)
.toImage()
Insert cell
glitch = require("glitch-canvas")
Insert cell
image = new Promise((resolve, reject) => {
const image = new Image;
image.crossOrigin = "anonymous";
image.style.width = "33px";
image.style.height = "auto";
image.style.display = "block";
image.onerror = reject;
image.onload = () => resolve(image);
image.src = "https://gist.githubusercontent.com/mbostock/9511ae067889eefa5537eedcbbf87dab/raw/944b6e5fe8dd535d6381b93d88bf4a854dac53d4/mona-lisa.jpg";
})
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