Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Masonry = require("https://bundle.run/masonry-layout@4.2.2")
imagesLoaded = import("https://cdn.skypack.dev/imagesloaded@5.0.0?min").then(
(d) => d.default
)
{
button;
const image = d3.shuffle([...images]).pop();
grid.appendImage(image);
}
style = html`
<style>
.grid {
background: #DDD;
}
/* clear fix */
.grid:after {
content: '';
display: block;
clear: both;
}
.grid-sizer,
.grid-item {
width: ${itemWidth}px;
}
.grid-item {
float: left;
}
.grid-item img {
display: block;
max-width: 100%;
}
</style>`
itemWidth = 160
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.
