Published
Edited
Jun 19, 2021
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
urls = ({
past: "https://www.jma.go.jp/bosai/jmatile/data/nowc/targetTimes_N1.json",
future: "https://www.jma.go.jp/bosai/jmatile/data/nowc/targetTimes_N2.json"
})
Insert cell
futures = d3.json(urls.future)
Insert cell
pasts = d3.json(urls.past)
Insert cell
times = [...futures, ...pasts]
Insert cell
strToDate = timeStr => {
const date = `${timeStr.slice(0, 4)}-${timeStr.slice(4, 6)}-${timeStr.slice(6, 8)}`
const time = `${timeStr.slice(8, 10)}:${timeStr.slice(10, 12)}:${timeStr.slice(12, 14)}`
return new Date(`${date}T${time}Z`)
}
Insert cell
Insert cell
Insert cell
Insert cell
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