The avatar for @olange
Olivier Lange
Software artisan · Data is alive, flows, and belongs to you
Published
Edited
Aug 22, 2022
1 fork
Importers
1
Insert cell
Insert cell
H3WorldMap, html`
<style>h3-worldmap { --primary-color: indigo; width: 640px; height: 320px; }</style>
<h3-worldmap
projection="naturalEarth"
areas='${JSON.stringify(areas)}'
land-geometry-src="${worldAtlasSrc}" land-geometry-coll="land">
</h3-worldmap>`
Insert cell
areas = [ "80abfffffffffff", "80e1fffffffffff", "80a5fffffffffff",
"8035fffffffffff", "801ffffffffffff" ]
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
worldAtlasSrc = FileAttachment("land-50m.json").url()
Insert cell
Insert cell
H3WorldMap = import( 'https://cdn.skypack.dev/pin/@olange/h3-worldmap@v0.1.5-0h1z2YD7sJi6yTNNUgtQ/mode=imports,min/optimized/@olange/h3-worldmap.js')
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