{
j;
let i = 0;
while (true) {
document.getElementById("jewel").setAttribute("x", --i * 200);
yield Promises.delay(90, i);
if (i < -12) i = 0;
}
}
asset = {
try {
await FileAttachment("Group a1.png").url();
return await FileAttachment("Group a1.png").url();
} catch {
return await FileAttachment("Group 1@5.png").url();
}
}
j = {
return html`<svg height=200 width=200>
<defs>
<clipPath id="clip">
<rect x="0" y="0" width="200" height="200" />
</clipPath>
</defs>
<g transform="translate(0,0)">
<image id="jewel" width=2800 height=202 href="${asset}" clip-path="url(#clip")" />
</g>
</svg>`;
}
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.
