Mercurial > repos > goeckslab > vitessce_spatial

view index.html @ 5:97be83fc3677 draft default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 90f081e58b5ee41bba3a7e6f01d97b5bd9392759
author goeckslab
date Wed, 28 May 2025 21:14:59 +0000 (3 days ago)
parents 068da7f7cd83
children
line wrap: on
line source
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Vitessce</title>
  </head>
  <body style="background-color:#666666">
    <div id="root"></div>
    <noscript>
        <div>
          This Galaxy visualization uses JavaScript -- to view this an admin must allow the tool to execute JS in it's HTML output
        </div>
    </noscript>
    <script type="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": "https://unpkg.com/vitessce@3.5.1"
        }
      }
    </script>
    <script type="module">
      import React from 'react';
      import { createRoot } from 'react-dom/client';
      import { Vitessce } from 'vitessce';
      import { config } from './config.js';

      function MyApp() {
        return React.createElement(
          Vitessce,
          {
            height: 1000,
            theme: 'dark',
            config: config,
          }
        );
      }

      const container = document.getElementById('root');
      const root = createRoot(container);
      root.render(React.createElement(MyApp));
    </script>
  </body>
</html>