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
Inputs
Buttons TimelineSpring Ruler TimelineIntervals TimelineUnbind two synchronized inputsInput: draw points on imageToggle inputVideo Time ZoomPoints TimelineIntervals Timeline - SVGThumbnails TimelineTimeline controlsRuler TimelineStack TimelineInputs + setterselectScaleChromaticLog sliderInput: Draw an arrow on an image
Input: Draw an arrow on a map
Detached video controlsInvisible Capture AreaPointer trace on imagePointer traceStore and Synchronized ViewsInput: Two-variables inputInput: move skeleton jointsInput: draw a box on image
Also listed in…
Maps
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