floodUrl = (x, y, z) => `https://cyberjapandata.gsi.go.jp/xyz/20191012typhoon19_shinano_1013dansaizu/${z}/${x}/${y}.png`;
sampleTile = [7242, 3197, 13];
satelliteUrl = (x, y, z) => `https://cyberjapandata.gsi.go.jp/xyz/20191012typhoon19_chikumagawa_1016do_sokuho/${z}/${x}/${y}.png`;
// Standard map with pale color
stdUrl = (x, y, z) => `https://cyberjapandata.gsi.go.jp/xyz/pale/${z}/${x}/${y}.png`;
// Hillshade map
hillshadeUrl = (x, y, z) => `https://cyberjapandata.gsi.go.jp/xyz/hillshademap/${z}/${x}/${y}.png`;
// Slope map
slopeUrl = (x, y, z) => `https://cyberjapandata.gsi.go.jp/xyz/slopemap/${z}/${x}/${y}.png`;
// Relief map (colored by elevation)
reliefUrl = (x, y, z) => `https://cyberjapandata.gsi.go.jp/xyz/relief/${z}/${x}/${y}.png`;
html`<img src=${reliefUrl(3621, 1598, 12)} />`
height = 600
initialCenter = [138.27, 36.7]
initialScale = 1 << 23
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.
