Published
Edited
Feb 6, 2019
1 fork
1 star
html`
<!-- Include Leaflet CSS. This is needed for Leaflet's controls etc. to render properly. -->
<link href='${resolve('leaflet@1.3/dist/leaflet.css')}' rel='stylesheet' />`
scene = {
return {
import: [
// Bubble Wrap style
'https://www.nextzen.org/carto/bubble-wrap-style/10/bubble-wrap-style.zip',
'https://www.nextzen.org/carto/bubble-wrap-style/10/themes/label-10.zip',
'https://www.nextzen.org/carto/bubble-wrap-style/10/themes/bubble-wrap-road-shields-usa.zip',
// Walkabout style
// 'https://www.nextzen.org/carto/walkabout-style/8.0.0/walkabout-style.zip',
// 'https://www.nextzen.org/carto/walkabout-style/8.0.0/themes/label-10.zip',
// 'https://www.nextzen.org/carto/walkabout-style/8.0.0/themes/walkabout-road-shields-usa.zip',
// 'https://www.nextzen.org/carto/walkabout-style/8.0.0/themes/walkabout-road-shields-international.zip',
// Refill style
// 'https://www.nextzen.org/carto/refill-style/11/refill-style.zip',
// 'https://www.nextzen.org/carto/refill-style/11/themes/label-10.zip',
// 'https://www.nextzen.org/carto/refill-style/11/themes/color-gray-gold.zip',
// 'https://www.nextzen.org/carto/refill-style/11/themes/color-blue.zip',
// 'https://www.nextzen.org/carto/refill-style/11/themes/no-texture.zip',
// 'https://www.nextzen.org/carto/refill-style/11/themes/terrain-pattern.zip',
],
global: {
// Nextzen API key for tiles, sign-up at https://developers.nextzen.org
sdk_api_key: 'fYFPuX-sQ76LIEN8-U_lVQ'
}
}
}
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
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.
