Mercurial > repos > goeckslab > vitessce_spatial
annotate index.html @ 7:cab38f254824 draft default tip
planemo upload for repository https://github.com/goeckslab/tools-mti/tree/main/tools/vitessce commit 52576a03742abfab8a623c06e22624f1d8423e3d
| author | goeckslab | 
|---|---|
| date | Mon, 21 Jul 2025 16:47:46 +0000 | 
| parents | 97be83fc3677 | 
| children | 
| 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> | 
