@EarthScope | aerobatic pilot | So-Cal
fetch("https://api.weather.gov/gridpoints/OKX/33,37/forecast").then(response => response.json())
weatherStation = {
const [lng, lat] = coordinates;
return (await fetch(`https://api.weather.gov/points/${[lat, lng]}`)).json()
}
localForecast = (await fetch(weatherStation.properties.forecast)).json()
forecast = table(
localForecast.properties.periods
.slice(0, 7)
.map(({ name, temperature, icon, detailedForecast, shortForecast }) => ({
Day: md`**${name}**`,
Temp: md`**${temperature} °F**`,
Icon: html`<img width=70 src="${icon}" />`,
Forecast: detailedForecast
}))
)
domain = {
const temps = localForecast.properties.periods.map(d => d.temperature);
const high = Math.max.apply(Math, temps);
const low = Math.min.apply(Math, temps);
return {domain: [Math.min(low, 0), Math.max(high, 90)]};
}
caretImage = Object.assign(await FileAttachment("image@1.png").image(), {width: 18})
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.
