Published
Edited
Feb 25, 2021
Insert cell
Insert cell
md`## Step 1: Fetching a Dog Picture`
Insert cell
viewof breedSelect = select(Object.keys(breeds.message))
Insert cell
dog = (await fetch(`https://dog.ceo/api/breed/${breedSelect}/images/random`)).json()
Insert cell
html`<img src="${dog.message}" />`
Insert cell
breeds = (await fetch("https://dog.ceo/api/breeds/list/all")).json()
Insert cell
import {select} from "@jashkenas/inputs"
Insert cell
Object.keys(breeds.message)
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