Update shoebox example

igvteam · Oct 3, 2024 · 79cdcda · 79cdcda
1 parent 4e08b91
commit 79cdcda
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 18 deletions.
diff --git a/dev/shoebox/session.json b/dev/shoebox/session.json
@@ -0,0 +1,27 @@
+{
+  "version": "2.16.0",
+  "showSampleNames": false,
+  "sampleNameViewportWidth": 6,
+  "genome": "hg38",
+  "locus": "chr6:152,971,612-152,992,127",
+  "roi": [],
+  "sampleinfo": [
+    {
+      "type": "sampleinfo",
+      "url": "https://www.dropbox.com/s/oeg6y37mvyfjif3/sampleInfo.txt?dl=0"
+    }
+  ],
+  "tracks": [
+    {
+      "url": "https://www.dropbox.com/scl/fi/9begjuwqq1kwhcbtnrioq/model2.allChr.f.2.hg38.r10-Yan-Hu.hic?rlkey=n94vc1qvlsn19fjocki9ereff&dl=0",
+      "filename": "model2.allChr.f.2.hg38.r10-Yan-Hu.hic",
+      "name": "m",
+      "order": 0,
+      "format": "hic",
+      "type": "shoebox",
+      "displayMode": "SQUISHED",
+      "height": 500,
+      "visibilityWindow": 1000000
+    }
+  ]
+}
diff --git a/dev/shoebox/shoebox.html b/dev/shoebox/shoebox.html
@@ -19,31 +19,15 @@ <h1>Shoebox</h1>
 
     var options =
         {
-            sampleNameViewportWidth: 20,
-            genome: "hg38",
-            locus: "chr20:56,411,666-56,428,625",
-            tracks: [
-                {
-                    "type": "shoebox",
-                    "url": "https://www.dropbox.com/s/qxpnqfvbiqs0eyz/model1.allChr.f.2.hg38.r10.hic?dl=0",
-                    "name": "model1.allChr.f.2.hg38.r10.hic",
-                    "colorScale": "9010,0,0,255",
-                    //height: 500
-                },
-                {
-                    "type": "sampleinfo",
-                    "url": "sampleInfo.txt"
-
-                }
-            ]
+            genome: "hg38"
         }
 
     var igvDiv = document.getElementById("igvDiv")
 
     igv.createBrowser(igvDiv, options)
         .then(function (browser) {
             console.log("Created IGV browser")
-            window.igvBrowser = browser
+            browser.loadSession({url: "session.json"})
         })