Published
Edited
Sep 30, 2020
Importers
2 stars
Insert cell
Insert cell
Insert cell
html`<img height=${HEIGHT} width=${WIDTH} src='https://picsum.photos/${WIDTH}/${HEIGHT}'/>`
Insert cell
Insert cell
Insert cell
Insert cell
html`<img height=${HEIGHT} width=${WIDTH} src='https://picsum.photos/${WIDTH}/${HEIGHT}?random=${random}'/>`
Insert cell
Insert cell
Insert cell
randomImagesURL(WIDTH, HEIGHT, N)
Insert cell
Insert cell
Insert cell
Insert cell
html`<img height=${HEIGHT} width=${WIDTH} src=${
randomImagesURL(WIDTH, HEIGHT, 4, 'tomatoseed')[3]
}/>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
images = Array.from(
{ length: N },
(_, i) =>
html`<img height=${HEIGHT} width=${WIDTH} src='https://picsum.photos/${WIDTH}/${HEIGHT}?random=${i}'/>`
)
Insert cell
images[1]
Insert cell
images[4]
Insert cell
Insert cell
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