Published
Edited
Apr 29, 2021
Insert cell
Insert cell
demo = {
var dom = html`
<div style="width:100%;height:400px;">
<canvas id="canvas3d" style="width:100%;height:100%;"></canvas>
</div>
`;
//yield dom;
const app = new SpeRuntime.Application();
app.start(await FileAttachment("scene.json").url());
setTimeout(() => {
//no on finish call back?
app._renderer.setSize(400, 400);
}, 1000);
return dom;
}
Insert cell
SpeRuntime = {
const THREE = (window.THREE = await require("https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"));
return await require(await FileAttachment(
"spline.runtime.min.js"
).url()).catch(d => window.SpeRuntime);
}
Insert cell

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.
Learn more