Public
Edited
Aug 19, 2021
Insert cell
# Play through images

images were created from netcdf file using python
Insert cell
dates = {
var date = new Date(2014, 0, 0);
var end = new Date(date);
end.setFullYear(end.getFullYear() + 1);
var array = [];
while (date < end) {
date.setDate(date.getDate() + 1);
array.push(new Date(date));
}
return array;
}
Insert cell
import { Scrubber } from "@mbostock/scrubber"
Insert cell
viewof month = Scrubber(dates, {
delay: 500,
autoplay: false,
loop: true,
format: (m) =>
m.toLocaleString("en", {
year: "numeric",
month: "long",
day: "numeric"
})
})
Insert cell
year = month.toLocaleString(undefined, {
year: "numeric"
// month: "2-digit",
// day: "2-digit"
})
Insert cell
mon = month.toLocaleString(undefined, {
// year: "numeric"
month: "2-digit"
// day: "2-digit"
})
Insert cell
day = month.toLocaleString(undefined, {
// year: "numeric"
// month: "2-digit"
day: "2-digit"
})
Insert cell
date = year + mon + day
Insert cell
dd = "ct5km_ssta_v3.1_" + date + ".png"
Insert cell
FA(`${dd}`).image()
Insert cell
FA = FileAttachment
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