Published
Edited
Jan 14, 2020
Insert cell
md`# Australia mean temp
Rolling annual mean temperature anomaly for Australia ${startYear} to present.`
Insert cell
Insert cell
viewof year = Scrubber(yearRange, {autoplay: false, loop: false, delay: 150})
Insert cell
Insert cell
Insert cell
// Preload images
{
[...Array(endYear - startYear).fill('')].forEach((year, index) => {
html`<img src="${url(startYear + index)}">`
})
}
Insert cell
yearRange = {
let i = startYear;
return [...Array(endYear - startYear).fill('')].map(item => i++)
}
Insert cell
url = year => `http://www.bom.gov.au/web03/ncc/www/awap/temperature/meananom/12month/colour/history/nat/${year}0101${year}1231.gif`
Insert cell
import {Scrubber} from "@mbostock/scrubber"
Insert cell
import {number} from "@jashkenas/inputs"
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