visium-hd_landscape.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div id="app" style="width: 600px; height: 500px; position: relative;"></div>
    <script type="module">
        import celldega from './src/celldega/static/widget.js';

        // Use the imported functions
        const token = '';
        const ini_x = 15500;
        const ini_y = 12200;
        const ini_z = 0;
        const ini_zoom = -6;
        // const base_url = 'http://127.0.0.1:8080/notebooks/data/xenium_landscapes/Xenium_Prime_Human_Skin_FFPE_outs';
        const base_url = 'http://127.0.0.1:8080/notebooks/data/visium-hd_landscapes/Visium_HD_Human_Lung_Cancer';

        // Create and append the visualization.
        let el = document.querySelector("#app");

        const landscape = await celldega.landscape_sst(
            {},
            el,
            base_url,
            token,
            ini_x,
            ini_y,
            ini_z,
            ini_zoom,
            3,
            ''
        );

        console.log(landscape);

        landscape.update_view_state();
    </script>
</body>
</html>