Public
Edited
Mar 1, 2023
Insert cell
md`# Intro`
Insert cell
data = fetch("https://api.weather.gov/gridpoints/OKX/33,37/forecast").then((response) => response.json())
Insert cell
temperatures = data.properties.periods.map(p => ({
startTime: new Date(p.startTime),
endTime: new Date(p.endTime),
temperature: p.temperature,
}))
Insert cell
Plot.plot({
marks: [
Plot.lineY(temperatures, {x: "startTime", y: "temperature", curve: "catmull-rom", marker: "circle"}),
],
})
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