The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Nov 3, 2020
1 fork
8 stars
4
Image
Download the shape of a countryInput: draw points on imageCanvas equality by valueInput: Draw an arrow on an imageCalibrate a Three.js camera using fSpy
Hello fSpy
Main 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…
Perspective
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
parameters
Insert cell
Insert cell
parameters.imageWidth
Insert cell
parameters.imageHeight
Insert cell
Insert cell
parameters.principalPoint
Insert cell
Insert cell
parameters.horizontalFieldOfView
Insert cell
parameters.verticalFieldOfView
Insert cell
Insert cell
frustumAspectRatio = parameters.horizontalFieldOfView /
parameters.verticalFieldOfView
Insert cell
imageAspectRatio = parameters.imageWidth / parameters.imageHeight
Insert cell
Insert cell
parameters.cameraTransform
Insert cell
Insert cell
parameters.viewTransform
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