The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Nov 12, 2020
Fork of Input: Draw an arrow on a map
Importers
1
Inputs
Buttons TimelineSpring Ruler TimelineIntervals TimelineUnbind two synchronized inputsInput: draw points on imageToggle inputVideo Time ZoomPoints TimelineIntervals Timeline - SVGThumbnails TimelineTimeline controlsRuler TimelineStack TimelineInputs + setterselectScaleChromaticLog slider
Input: Draw an arrow on an image
Input: Draw an arrow on a mapDetached 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…
Image
Insert cell
Insert cell
Insert cell
Insert cell
viewof arrow = arrowOnImage({
image: await FileAttachment("table.jpg").image()
})
Insert cell
1 << 1
Insert cell
Insert cell
arrow
Insert cell
Insert cell
arrowOnImage({
image: tableImage,
width: width / 3,
height: 250,
value: {
from: [0, 0],
to: [tableImage.naturalWidth * 0.8, tableImage.naturalHeight * 0.8]
},
zoomLevel: -1
})
Insert cell
Math.pow(2, -1)
Insert cell
Insert cell
Insert cell
Insert cell
tableImage = FileAttachment("table.jpg").image()
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