📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
ImageZoom = (await import('https://cdn.skypack.dev/js-image-zoom@0.7.0?min')).default
out = html`
<div id="img-container" style="width: 500px; height: 300px; position: relative; border: 3px solid red; margin: 2px;">
<img src="http://malaman.github.io/js-image-zoom/example/1.jpg" style="width: 500px; height: 300px;"/>
<div>
`
options = ({
width: 500,
offset: {vertical: 0, horizontal: 5}
});
options2 = ({
fillContainer: true,
offset: { vertical: 0, horizontal: 10}
})
{
new ImageZoom(document.getElementById("img-container"), options);
}
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.
