Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Edited
Jan 26, 2020
1 fork
Importers
3 stars
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 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 placeholderIdentify images with deterministic UUIDPerspective rectifier - examplePerspective rectifier
Image cover
Also listed in…
Sizes and layout
cover(img, 100, 60)
cover(img, 96, 96)
cover(img, 1000, 60)
cover(img, 200, 800)
html`
<img src=${
cover(img, 100, 60).src
} width=1000 height=600 style="filter: blur(2px);">
<div class="loading-spinner"></div>
`
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.