<div id="root" style="width: 100%; height: 400px" />
{
function Demo(props) {
return e(
Scatterplot,
{
// See current props at https://github.com/vitessce/vitessce/blob/01ffb5ea19ebfcb0622403181adfcfb77ed72fb1/packages/view-types/scatterplot-embedding/src/EmbeddingScatterplotSubscriber.js#L351
},
null
);
}
const container = document.getElementById('root');
const root = createRoot(container);
root.render(e(Demo));
}
Scatterplot = (await importWithMap('@vitessce/scatterplot', importMap)).Scatterplot
createRoot = (await importWithMap('react-dom/client', importMap)).createRoot
React = await importWithMap("react", importMap)
e = React.createElement;
importMap = ({
imports: {
"react": "https://esm.sh/react@18.2.0?dev",
"react-dom": "https://esm.sh/react-dom@18.2.0?dev",
"react-dom/client": "https://esm.sh/react-dom@18.2.0/client?dev",
"@vitessce/vit-s": "https://unpkg.com/@vitessce/vit-s@3.2.1",
"@vitessce/scatterplot": "https://unpkg.com/@vitessce/scatterplot@3.2.1"
},
});
importWithMap = (await import('https://unpkg.com/dynamic-importmap@0.1.0')).importWithMap
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.
