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
Image
Download the shape of a countryInput: draw points on imageCanvas equality by value
Input: Draw an arrow on an image
Calibrate a Three.js camera using fSpyHello fSpyMain Colors from ImageColors palette from imageCan I Use Media Fragments?Hello Cloudinary UploadColor by numberPixel-art or Voronoi image tesselationHello pixelitInput: draw a box on imageExtended drawImagedrawImage respects canvas transparencyCSS object-fit formulasobject-fitEvery Other Pixel Is A LineFake video playerAsync image loading, and CORSPreload a list of imagesImage placeholderImage coverIdentify images with deterministic UUIDPerspective rectifier - examplePerspective rectifier
Also listed in…
Inputs
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