The avatar for @oliviafvane
Olivia Vane
Data visualisation design + code. Interactive data journalist @TheEconomist
Public
Animated Map Chronologies
Edited
Sep 7, 2021
Importers
2 stars
10
Animated Map Chronologies
Animated Map ChronologiesA Note on Time in Historical Ordnance Survey MapsOS ‘Old Series’ / ‘First Series’, England & WalesOS 1”-to-the-mile, Scotland: 1st Ed. With text annotationsOS 6”-to-the-mile, Great Britain: 2nd EdOS 1”-to-the-mile, Scotland: 1st EdAnimated Historical Map Chronologies: Code APIAnimated Historical Map Chronologies: Template Code
Import XYZ Map Tiles from Zip File
Render OS ‘Old Series’, England & Wales map imagery from XYZ tiles
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
files = zipreader(folder_zip_9, { type: 'base64' })
Insert cell
img_data = files.get("9/256/170.png")
Insert cell
{
var img = document.createElement('img');
img.src = 'data:image/png;base64, ' + img_data;
return img;
}
Insert cell
Insert cell
url = (x, y, z) => files.get(`${z}/${x}/${y}.png`)
Insert cell
url(257, 170, 9)
Insert cell
html`<img src="${`data:image/png;base64,` + (await url(257, 170, 9))}">`
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