Public
Edited
Feb 8, 2023
6 forks
18 stars
SandDance Explorer
external databasic
Insert cell
Insert cell
sd1 = SandDanceExplorerEmbed()
Insert cell
data = [
{name: "a", val: BigInt(9007199254740992)},
{name: "b", val: BigInt(9007199254740993)},
{name: "c", val: BigInt(9007199254740994)},
]
Insert cell
(await sd1.post)(data)
Insert cell
function SandDanceExplorerEmbed({height, data} = {height:700}) {
const iframe = html`<iframe style="height:${height}px;width:100%;border:none" src="https://microsoft.github.io/SandDance/embed/v4/sanddance-embed.html"></iframe>`;
const _post = m => iframe.contentWindow.postMessage(m, '*');
const post = new Promise(resolve => {
iframe.onload = () => {
if (data) {
_post(data);
}
resolve(_post);
}
});
iframe.post = post;
return iframe;
}
Insert cell
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