Platform
Resources
Pricing
Sign in
Get started
Mathew Brown
Workspace
Fork
Public
By
Mathew Brown
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.
Try it for free
Learn more
Fork
View
Export
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dates
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
month
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
year
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
mon
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
day
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
date
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
dd
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
FA
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML