The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Nov 15, 2020
Fork of Zoomable Tiles
•
1 fork
Importers
1 star
Maps
Country elevationVoronoi Stippling on Elevation (DEM)Fill a country shape with symbolsDownload the shape of a countryRoads network in three.js3D base mapGeographic map texture in Three.jsCanvas map around a pointFind a destination point along a rhumbWhen Mercator leaves Null IslandRotate Mercator to reduce deformation
Input: Draw an arrow on a map
Map size and areaCountries by Area of the SVG ElementStudy on pesticides in BrazilStudy on pesticides in Brazil
Grid maps
(16)
Tutorial: show a map of BoliviaMap Rubik Cube
Also listed in…
Inputs
Insert cell
Insert cell
Insert cell
Insert cell
arrowOnMap()
Insert cell
Insert cell
viewof arrow = arrowOnMap({
width: width / 3,
height: 300,
tileUrl: (x, y, z) => `https://a.tile.openstreetmap.org/${z}/${x}/${y}.png`,
zoomLevel: 25,
referencePoints: [[4.887, 45.731], [4.886, 45.730]]
})
Insert cell
Insert cell
arrow
Insert cell
Insert cell
viewof arrow.referencePoints = [[4.887, 45.731], [4.887, 45.730], [4.886, 45.730]]
Insert cell
viewof arrow.referencePoints
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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