Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Sep 2, 2020
1 star
Download the shape of a countryInput: draw points on imageCanvas equality by valueInput: Draw an arrow on an imageCalibrate a Three.js camera using fSpyHello fSpyMain Colors from ImageColors palette from imageHello 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
Can I Use Media Fragments?
Also listed in…
Video
video = html`<video controls src='https://justadudewhohacks.github.io/face-api.js/media/bbt.mp4#t=20,30'/>`
video.location
await new Promise(resolve => {
video.addEventListener('loadeddata', () =>
resolve({
start: video.seekable.start(0),
end: video.seekable.end(0),
currentTime: video.currentTime,
duration: video.duration
})
);
})
image = html`<img src="http://placekitten.com/500#xywh=100,100,10,10" />`
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.
