Mercurial > repos > goeckslab > vitessce_spatial

annotate index.html @ 6:70c8be4d59e9 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 a3dd8a6f384e5227972910c80d280250e28d1432
author goeckslab
date Fri, 06 Jun 2025 16:38:33 +0000
parents 97be83fc3677
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
4
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
1 <!DOCTYPE html>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
2 <html>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
3 <head>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
4 <meta charset="UTF-8" />
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
5 <title>Vitessce</title>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
6 </head>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
7 <body style="background-color:#666666">
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
8 <div id="root"></div>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
9 <noscript>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
10 <div>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
11 This Galaxy visualization uses JavaScript -- to view this an admin must allow the tool to execute JS in it's HTML output
0
9f60ef2d586e planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 9b2dc921e692af8045773013d9f87d4d790e2ea1
goeckslab
parents:
diff changeset
12 </div>
4
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
13 </noscript>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
14 <script type="importmap">
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
15 {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
16 "imports": {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
17 "react": "https://esm.sh/react@18.2.0?dev",
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
18 "react-dom": "https://esm.sh/react-dom@18.2.0?dev",
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
19 "react-dom/client": "https://esm.sh/react-dom@18.2.0/client?dev",
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
20 "vitessce": "https://unpkg.com/vitessce@3.5.1"
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
21 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
22 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
23 </script>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
24 <script type="module">
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
25 import React from 'react';
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
26 import { createRoot } from 'react-dom/client';
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
27 import { Vitessce } from 'vitessce';
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
28 import { config } from './config.js';
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
29
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
30 function MyApp() {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
31 return React.createElement(
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
32 Vitessce,
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
33 {
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
34 height: 1000,
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
35 theme: 'dark',
5
97be83fc3677 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 90f081e58b5ee41bba3a7e6f01d97b5bd9392759
goeckslab
parents: 4
diff changeset
36 config: config,
4
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
37 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
38 );
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
39 }
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
40
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
41 const container = document.getElementById('root');
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
42 const root = createRoot(container);
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
43 root.render(React.createElement(MyApp));
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
44 </script>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
45 </body>
068da7f7cd83 planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit bc4c0bb6784a55399241f99a29b176541a164a18
goeckslab
parents: 0
diff changeset
46 </html>