diff --git a/dev/alignment/bamNonIndexed.html b/dev/alignment/bamNonIndexed.html
index d300ebea2..c1223e6d7 100644
--- a/dev/alignment/bamNonIndexed.html
+++ b/dev/alignment/bamNonIndexed.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <title>IGV</title>
+    <title>igv.js</title>
 </head>
 
 <body>
@@ -20,7 +20,7 @@ <h1>Non-indexed BAM file</h1>
     const options =
         {
             genome: "hg19",
-            locus: "gstt1",
+            locus: "chr22:24,376,164-24,376,475",
             tracks: [
                 {
                     id: "myBamTrack",
diff --git a/dev/alignment/bamSorted.html b/dev/alignment/bamSorted.html
index 466a124cd..cb1993fc2 100644
--- a/dev/alignment/bamSorted.html
+++ b/dev/alignment/bamSorted.html
@@ -8,12 +8,15 @@
 
 <h1>BAM file with initial sort</h1>
 
-In this example a BAM file is loaded with an initial sort position set.   Also demonstrated is the use of <i>findTracks</i>
-and <i>sort</i> functions to programmatically trigger a sort at specific positions.
+In this example a BAM file is loaded with an initial sort position set. Also demonstrated is the use of
+<i>findTracks</i>and <i>sort</i> functions to programmatically trigger a sort at specific positions.
+
+<div style="padding-top: 20px;">
+    <button id="gotoButton">Goto chr1:155,155,358</button>
+    <button id="button1">Sort position chr1:155,155,358</button>
+    <button id="button2">Sort position chr1:155,155,361</button>
+</div>
 
-<button id="gotoButton">Goto chr1:155,155,358</button>
-<button id="button1">Sort position chr1:155,155,358</button>
-<button id="button2">Sort position chr1:155,155,361</button>
 <div id="igvDiv" style="padding-top: 50px;padding-bottom: 20px; height: auto"></div>
 
 <script type="module">
@@ -57,20 +60,22 @@ <h1>BAM file with initial sort</h1>
             document.getElementById("button1").addEventListener("click", () => {
                 const bamTrack = browser.findTracks("id", "myBamTrack")[0];
                 bamTrack.sort({
-                chr: "chr1",
-                position: 155155358,
-                option: "BASE",
-                direction: "ASC"
-            });})
+                    chr: "chr1",
+                    position: 155155358,
+                    option: "BASE",
+                    direction: "ASC"
+                });
+            })
 
             document.getElementById("button2").addEventListener("click", () => {
                 const bamTrack = browser.findTracks("id", "myBamTrack")[0];
                 bamTrack.sort({
-                chr: "chr1",
-                position: 155155361,
-                option: "BASE",
-                direction: "ASC"
-            });})
+                    chr: "chr1",
+                    position: 155155361,
+                    option: "BASE",
+                    direction: "ASC"
+                });
+            })
 
         })
 
diff --git a/dev/alignment/deepcoverage.html b/dev/alignment/deepcoverage.html
index 6f76c8a81..50952fc93 100644
--- a/dev/alignment/deepcoverage.html
+++ b/dev/alignment/deepcoverage.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <title>IGV</title>
+    <title>igv.js</title>
 </head>
 
 <body>
diff --git a/dev/alignment/pacbio.html b/dev/alignment/pacbio.html
index 08032e0a7..f213de428 100644
--- a/dev/alignment/pacbio.html
+++ b/dev/alignment/pacbio.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <title>IGV</title>
+    <title>igv.js</title>
 </head>
 
 <body>
diff --git a/dev/annotation/ucscFormats.html b/dev/annotation/ucscFormats.html
index 2a5799a40..0d5e4a296 100644
--- a/dev/annotation/ucscFormats.html
+++ b/dev/annotation/ucscFormats.html
@@ -41,7 +41,7 @@ <h1>Miscellaneous UCSC formats</h1>
                         "indexURL": "https://s3.amazonaws.com/igv.org.genomes/hg38/annotations/gwasCatalog.txt.gz.tbi"
                     },
                     {
-                        "name": "Common SNPs (150)",
+                        "name": "Common SNPs (snp)",
                         "type": "snp",
                         "format": "snp",
                         "visibilityWindow": 25000,
@@ -50,7 +50,7 @@ <h1>Miscellaneous UCSC formats</h1>
                         "indexURL": "https://s3.amazonaws.com/igv.org.genomes/hg38/annotations/snp150Common.txt.gz.tbi"
                     },
                     {
-                        "name": "Repeat Masker",
+                        "name": "Repeat Masker (rmsk)",
                         "type": "annotation",
                         "format": "rmsk",
                         "displayMode": "EXPANDED",
@@ -59,7 +59,7 @@ <h1>Miscellaneous UCSC formats</h1>
                         "visibilityWindow": 1000000
                     },
                     {
-                        "name": "CpG Islands",
+                        "name": "CpG Islands (cpgIslandExt)",
                         "type": "annotation",
                         "format": "cpgIslandExt",
                         "displayMode": "EXPANDED",
diff --git a/dev/cbio/cBio.html b/dev/cbio/cBio.html
index dda49210b..0997563aa 100644
--- a/dev/cbio/cBio.html
+++ b/dev/cbio/cBio.html
@@ -1,13 +1,8 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="utf-8">
-    <meta content="IE=edge" http-equiv="X-UA-Compatible">
-    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-    <meta content="" name="description">
-    <meta content="" name="author">
-    <link href=https://igv.org/web/img/favicon.ico rel="shortcut icon">
-    <title>IGV - Dev</title>
+
+    <title>igv.js</title>
 
     <style>
         #trackList {
@@ -55,7 +50,9 @@
 <h3>Select study to load copy number</h3>
 
 <div id="trackList"></div>
-
+<div class='igv-loading-spinner-container' >
+    <div id="spinner" style="display: none"></div>   <!-- This extra div is needed, apparently -->
+</div>
 <div id="igvDiv" style="padding-top: 50px;padding-bottom: 20px; height: auto"></div>
 
 <script type="module">
@@ -75,9 +72,9 @@ <h3>Select study to load copy number</h3>
                 let name = study["name"] + " (" + sampleCount + ")";
                 let trackDiv = document.createElement('div');
                 trackDiv.textContent = name;
-                trackDiv.addEventListener('click', async function (event) {
+                trackDiv.addEventListener('click', async  (event) => {
 
-                    const sampleStudyList = await cBioUtils.fetchSamplesByStudy(study.studyId)
+                    document.getElementById("spinner").style.display = "block";
 
                     const features = await cBioUtils.fetchCopyNumberByStudy(study.studyId)
 
@@ -91,6 +88,8 @@ <h3>Select study to load copy number</h3>
                     }
                     browser.loadTrack(trackJson);
 
+                    document.getElementById("spinner").style.display = "none";
+
                 });
 
                 div.appendChild(trackDiv);
diff --git a/dev/color/gff-colorBy.html b/dev/color/gff-colorBy.html
index 1b2dee740..94f511de3 100644
--- a/dev/color/gff-colorBy.html
+++ b/dev/color/gff-colorBy.html
@@ -28,6 +28,16 @@ <h1>gff and gtf files</h1>
                     locus: "chr22:21,913,513-22,216,565",
                     tracks:
                         [
+                            {
+                                name: "Color by attribute \"biotype\"",
+                                format: "gff3",
+                                displayMode: "expanded",
+                                height: 300,
+                                url: "https://s3.amazonaws.com/igv.org.genomes/hg38/Homo_sapiens.GRCh38.94.chr.gff3.gz",
+                                indexURL: "https://s3.amazonaws.com/igv.org.genomes/hg38/Homo_sapiens.GRCh38.94.chr.gff3.gz.tbi",
+                                visibilityWindow: 1000000,
+                                colorBy: "biotype"
+                            },
                             {
                                 name: "Color by \"source\"",
                                 format: "gff3",
diff --git a/dev/seg/seg.html b/dev/seg/seg.html
index 6f639f982..bdc3d5176 100644
--- a/dev/seg/seg.html
+++ b/dev/seg/seg.html
@@ -9,6 +9,17 @@
 
 <h1>Segmented Copy Number</h1>
 
+<div style="padding-top: 10px;padding-bottom: 10px;">
+
+    Segmented copy number ("seg" format) with
+    <ul>
+        <li>No index</li>
+        <li>Index with no visibiliy window (loads by whole chromosome)</li>
+        <li>Index with visibility window of 100 MB</li>
+    </ul>
+
+</div>
+
 <div>
     <button id="bmBtn">Bookmark</button>
 </div>
@@ -19,33 +30,45 @@ <h1>Segmented Copy Number</h1>
 
     import igv from "../../js/index.js";
 
-    var options =
+    const version = igv.version();
+    console.log("Using IGV version: " + version);
+
+    const igvDiv = document.getElementById("igvDiv");
+    const options =
         {
             genome: "hg19",
+            showSampleNames: true,
             tracks: [
                 {
                     name: "Segmented Copy Number",
                     type: "seg",
                     format: "seg",
-                    url: "https://s3.amazonaws.com/igv.org.demo/GBM-TP.seg.gz"
+                    url: "https://s3.amazonaws.com/igv.org.demo/GBM-TP.seg.gz",
+                },
+                {
+                    name: "Indexed",
+                    type: "seg",
+                    format: "seg",
+                    url: "https://s3.amazonaws.com/igv.org.demo/GBM-TP.seg.gz",
+                    indexURL: "https://s3.amazonaws.com/igv.org.demo/GBM-TP.seg.gz.tbi"
+                },
+                {
+                    name: "Indexed with visibility window",
+                    type: "seg",
+                    format: "seg",
+                    url: "https://s3.amazonaws.com/igv.org.demo/GBM-TP.seg.gz",
+                    indexURL: "https://s3.amazonaws.com/igv.org.demo/GBM-TP.seg.gz.tbi",
+                    visibilityWindow: "100000000"
                 },
             ]
-        }
+        };
 
-    var igvDiv = document.getElementById("igvDiv");
 
     igv.createBrowser(igvDiv, options)
         .then(function (browser) {
             console.log("Created IGV browser");
-
-            function bookmark() {
-            }
-
-            document.getElementById("bmBtn")
-                .addEventListener("click", () => window.history.pushState({}, "IGV", browser.sessionURL()));
         })
 
-
 </script>
 </body>
 </html>
diff --git a/examples/copyNumber.html b/examples/copyNumber.html
index bae8d7cd8..41b4311d0 100644
--- a/examples/copyNumber.html
+++ b/examples/copyNumber.html
@@ -15,6 +15,18 @@
 
 <h1>Segmented Copy Number</h1>
 
+<div style="padding-top: 10px;padding-bottom: 10px;">
+
+    Segmented copy number ("seg" format) with
+    <ul>
+        <li>No index</li>
+        <li>Index with no visibiliy window (loads by whole chromosome)</li>
+        <li>Index with visibility window of 100 MB</li>
+    </ul>
+
+</div>
+
+
 <div id="igv-div" style="padding-top: 10px;padding-bottom: 10px; border:1px solid lightgray"></div>
 
 <script type="text/javascript">
@@ -28,12 +40,13 @@ <h1>Segmented Copy Number</h1>
         const options =
             {
                 genome: "hg19",
+                showSampleNames: true,
                 tracks: [
                     {
                         name: "Segmented Copy Number",
                         type: "seg",
                         format: "seg",
-                        url: "https://s3.amazonaws.com/igv.org.demo/GBM-TP.seg.gz"
+                        url: "https://s3.amazonaws.com/igv.org.demo/GBM-TP.seg.gz",
                     },
                     {
                         name: "Indexed",
diff --git a/examples/css/custom-track-click.css b/examples/css/custom-track-click.css
deleted file mode 100644
index 5403245fb..000000000
--- a/examples/css/custom-track-click.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.igv-custom-track-click-container {
-  margin-top: 32px;
-  text-align: left; }
-
-#igv-custom-track-click-selected-genes {
-  padding-top: 16px;
-  min-height: 512px;
-  color: rgba(0, 0, 0, 0.6);
-  background-color: rgba(0, 0, 0, 0.05); }
-
-/*# sourceMappingURL=custom-track-click.css.map */
diff --git a/examples/css/custom-track-click.css.map b/examples/css/custom-track-click.css.map
deleted file mode 100644
index 904c6daeb..000000000
--- a/examples/css/custom-track-click.css.map
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-"version": 3,
-"mappings": "AACA,iCAAkC;EAChC,UAAU,EAAE,IAAI;EAChB,UAAU,EAAE,IAAI;;AAGlB,sCAAuC;EACrC,WAAW,EAAE,IAAI;EACjB,UAAU,EAAE,KAAK;EACjB,KAAK,EAAE,kBAAkB;EACzB,gBAAgB,EAAE,mBAAmB",
-"sources": ["custom-track-click.scss"],
-"names": [],
-"file": "custom-track-click.css"
-}
\ No newline at end of file
diff --git a/examples/css/custom-track-click.scss b/examples/css/custom-track-click.scss
deleted file mode 100644
index 7c6b413af..000000000
--- a/examples/css/custom-track-click.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-
-.igv-custom-track-click-container {
-  margin-top: 32px;
-  text-align: left;
-}
-
-#igv-custom-track-click-selected-genes {
-  padding-top: 16px;
-  min-height: 512px;
-  color: rgba(0, 0, 0, 0.6);
-  background-color: rgba(0, 0, 0, 0.05);
-}
\ No newline at end of file
diff --git a/examples/css/examples.css b/examples/css/examples.css
deleted file mode 100644
index 80bed747f..000000000
--- a/examples/css/examples.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.igv-examples-container {
-  padding-top: 64px;
-  text-align: center;
-  }
-
-/*# sourceMappingURL=examples.css.map */
diff --git a/examples/css/examples.css.map b/examples/css/examples.css.map
deleted file mode 100644
index f40d677e8..000000000
--- a/examples/css/examples.css.map
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-"version": 3,
-"mappings": "AAAA,uBAAwB;EACtB,WAAW,EAAE,IAAI;EACjB,UAAU,EAAE,MAAM",
-"sources": ["examples.scss"],
-"names": [],
-"file": "examples.css"
-}
\ No newline at end of file
diff --git a/examples/css/ga4gh.css b/examples/css/ga4gh.css
deleted file mode 100644
index 32b0c3278..000000000
--- a/examples/css/ga4gh.css
+++ /dev/null
@@ -1,42 +0,0 @@
-
-.jumbotron {
-    padding-top: 64px;
-    background-color: white;
-    margin-bottom: 0;
-}
-
-.list-group {
-
-    height: 512px;
-    overflow-y: scroll;
-}
-
-.list-group-item {
-
-    cursor: pointer;
-    background-color: #ffffff;
-}
-
-.list-group-item:hover,
-.list-group-item:focus,
-.list-group-item:active  {
-    background-color: #f5f5f5;
-}
-
-.container-fluid footer {
-    margin-top: 32px;
-    color: white;
-    text-align: center;
-    background-color: #7c7c7c;
-
-    padding-top: 4px;
-    padding-bottom: 4px;
-}
-
-p {
-    margin:0 auto;
-}
-
-#myDiv {
-    color: #3e3e3e;
-}
diff --git a/examples/customSearchService.html b/examples/customSearchService.html
index d534c46c3..ecf1d801d 100644
--- a/examples/customSearchService.html
+++ b/examples/customSearchService.html
@@ -15,7 +15,17 @@
 <h1>Custom search service example</h1>
 <h4>This example configures a search object as described
     <a href="https://github.com/igvteam/igv.js/wiki/Browser-Creation#search-object-details">here</a>
-    to use the Ensembl web service to provide annotation search capability for Macaca Fasciularis.  To test search for  'OLIG3'</h4>
+    to use the Ensembl web service to provide annotation search capability for Macaca Fasciularis.  To test search for  'OLIG3'
+</h4>
+
+Configuration object:
+<pre>
+ search: {
+   url: 'https://rest.ensembl.org/lookup/symbol/macaca_fascicularis/$FEATURE$?content-type=application/json',
+   chromosomeField: 'seq_region_name',
+   displayName: 'display_name'
+},
+</pre>
 
 <div id="igv-div" style="margin-top: 50px;padding-top:10px; padding-bottom: 10px; border:1px solid lightgray"></div>
 
@@ -42,7 +52,7 @@ <h4>This example configures a search object as described
                         type: "annotation",
                         format: "gtf",
                         url: 'https://s3.amazonaws.com/igv.org.genomes/Macaca_fascicularis_5.0/Macaca_fascicularis.Macaca_fascicularis_5.0.100.gtf.gz',
-                        indexed: false
+                        indexURL: 'https://s3.amazonaws.com/igv.org.genomes/Macaca_fascicularis_5.0/Macaca_fascicularis.Macaca_fascicularis_5.0.100.gtf.gz.tbi',
                     }
                 ]
             };
diff --git a/examples/events.html b/examples/events.html
index 2eb95c576..56559b994 100644
--- a/examples/events.html
+++ b/examples/events.html
@@ -35,12 +35,13 @@ <h2>IGV.js Example - Events</h2>
                     <td>locuschange</td>
                     <td>
                         <p>Fired whenever the viewer locus changes.</p><br/>
-
-                        <strong>Arguments Passed to Handler Fn:</strong>
+                        <strong>Note: as of release 2.10.0 an array of reference frames is passed to the handler to account
+                        for multi-locus views.</strong>
+                        <strong>Arguments Passed to Handler Fn:  </strong>
                         <div class="well">
                             <dl class="dl-horizontal">
-                                <dt>referenceFrame</dt>
-                                <dd>{chr, start, end, label}</dd>
+                                <dt>referenceFrameList</dt>
+                                <dd>[{chr, start, end, label}, {chr, start, end, label}, ...]</dd>
                             </dl>
                         </div>
                     </td>
diff --git a/examples/events/css/custom-track-click.css b/examples/events/css/custom-track-click.css
new file mode 100644
index 000000000..9e6f3932c
--- /dev/null
+++ b/examples/events/css/custom-track-click.css
@@ -0,0 +1,11 @@
+.igv-custom-track-click-container {
+    margin-top: 32px;
+    text-align: left;
+}
+
+#igv-custom-track-click-selected-genes {
+    padding-top: 16px;
+    min-height: 512px;
+    color: rgba(0, 0, 0, 0.6);
+    background-color: rgba(0, 0, 0, 0.05);
+}
diff --git a/examples/events/custom-track-click.html b/examples/events/custom-track-click.html
index 44c8b80a4..a86086657 100644
--- a/examples/events/custom-track-click.html
+++ b/examples/events/custom-track-click.html
@@ -16,7 +16,7 @@
           integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 
     <!-- Examples CSS -->
-    <link rel="stylesheet" href="../css/custom-track-click.css">
+    <link rel="stylesheet" href="css/custom-track-click.css">
 
     <!-- Bootstrap 4 Dependancies - jQuery | Popper -->
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
diff --git a/examples/events/custom-track-popover.html b/examples/events/custom-track-popover.html
index 9c4cf9eef..8b562846f 100644
--- a/examples/events/custom-track-popover.html
+++ b/examples/events/custom-track-popover.html
@@ -16,7 +16,7 @@
           integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 
     <!-- Examples CSS -->
-    <link rel="stylesheet" href="../css/custom-track-click.css">
+    <link rel="stylesheet" href="css/custom-track-click.css">
 
     <!-- Bootstrap 4 Dependancies - jQuery | Popper -->
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
diff --git a/examples/events/track-reorder.html b/examples/events/track-reorder.html
index 7c7876b4f..556686f06 100644
--- a/examples/events/track-reorder.html
+++ b/examples/events/track-reorder.html
@@ -16,7 +16,7 @@
           integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 
     <!-- Examples CSS -->
-    <link rel="stylesheet" href="../css/custom-track-click.css">
+    <link rel="stylesheet" href="css/custom-track-click.css">
 
     <!-- Bootstrap 4 Dependancies - jQuery | Popper -->
     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
diff --git a/examples/gff-colors.html b/examples/gff-colors.html
new file mode 100644
index 000000000..1940d60c1
--- /dev/null
+++ b/examples/gff-colors.html
@@ -0,0 +1,98 @@
+<head>
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+    <meta charset="utf-8">
+    <link href="https://igv.org/web/img/favicon.ico" rel="shortcut icon">
+    <title>igv.js</title>
+
+    <!-- IGV JS -->
+    <script src="../dist/igv.min.js"></script>
+
+</head>
+
+<body>
+
+<h3>Example illustrating options for coloring GFF and GTF annotation tracks</h3>
+<h4>
+    <ol>
+        <li>color by attribute (column 9)</li>
+        <li>color by source (column 2)</li>
+        <li>color by source with color table </li>
+    </ol>
+</h4>
+
+<div id="igvDiv" style="padding-top: 10px;padding-bottom: 10px; border:1px solid lightgray"></div>
+
+<script>
+
+
+    var options =
+        {
+            genome: "hg38",
+            locus: "chr22:21,913,513-22,216,565",
+            tracks:
+                [
+                    {
+                        name: "Color by attribute \"biotype\"",
+                        format: "gff3",
+                        displayMode: "expanded",
+                        height: 300,
+                        url: "https://s3.amazonaws.com/igv.org.genomes/hg38/Homo_sapiens.GRCh38.94.chr.gff3.gz",
+                        indexURL: "https://s3.amazonaws.com/igv.org.genomes/hg38/Homo_sapiens.GRCh38.94.chr.gff3.gz.tbi",
+                        visibilityWindow: 1000000,
+                        colorBy: "biotype"
+                    },
+                    {
+                        name: "Color by \"source\"",
+                        format: "gff3",
+                        displayMode: "expanded",
+                        height: 300,
+                        url: "https://s3.amazonaws.com/igv.org.genomes/hg38/Homo_sapiens.GRCh38.94.chr.gff3.gz",
+                        indexURL: "https://s3.amazonaws.com/igv.org.genomes/hg38/Homo_sapiens.GRCh38.94.chr.gff3.gz.tbi",
+                        visibilityWindow: 1000000,
+                        colorBy: "source",
+                    },
+                    {
+                        name: "Color by \"source\" with color table",
+                        format: "gff3",
+                        displayMode: "expanded",
+                        height: 300,
+                        url: "https://s3.amazonaws.com/igv.org.genomes/hg38/Homo_sapiens.GRCh38.94.chr.gff3.gz",
+                        indexURL: "https://s3.amazonaws.com/igv.org.genomes/hg38/Homo_sapiens.GRCh38.94.chr.gff3.gz.tbi",
+                        visibilityWindow: 1000000,
+                        colorBy: "source",
+                        colorTable: {
+                            "Ensembl": "blueviolet",
+                            "ensembl": "blueviolet",
+                            "ensembl_havana": "purple",
+                            "havana": "blue",
+                            "insdc": "7fff00",
+                            "mirbase": "d2691e",
+                            "*": "black"
+                        }
+                    }
+                ]
+        }
+
+    var igvDiv = document.getElementById("igvDiv");
+
+    igv.createBrowser(igvDiv, options)
+        .then(function (browser) {
+            document.getElementById("sessionButton").addEventListener("click", () => {
+                try {
+                    const json = browser.toJSON()
+                    const jsonString = JSON.stringify(json, null, '\t')
+                    console.log(jsonString)
+                    // const data = URL.createObjectURL(new Blob([jsonString], {type: "application/octet-stream"}))
+                    // download(`igv-sample-name-session-${ Date.now() }.json`, data)
+                } catch (e) {
+                    alert(e)
+                }
+            })
+        })
+
+
+</script>
+
+</body>
+
+</html>
diff --git a/examples/interact.html b/examples/interact.html
index b81d3337d..2491af053 100644
--- a/examples/interact.html
+++ b/examples/interact.html
@@ -13,10 +13,15 @@
 
 <body>
 
-<h1>Interaction (arc) track examples</h1>
+<h1>Interact (arc) track examples</h1>
 
-<div id="igvDiv" style="padding-top: 50px;padding-bottom: 20px; height: auto"></div>
-<div id="igvDiv2" style="padding-top: 50px;padding-bottom: 20px; height: auto"></div>
+<h2>Interact tracks from bedpe files.</h2>
+
+<div id="igvDiv" style="padding-top: 20px;padding-bottom: 20px; height: auto"></div>
+
+<h2>Interact tracks from UCSC interact and bigInteract files.</h2>
+
+<div id="igvDiv2" style="padding-top: 20px;padding-bottom: 20px; height: auto"></div>
 
 <script type="text/javascript">
 
diff --git a/examples/sessions/group_autoscale_session.xml b/examples/sessions/group_autoscale_session.xml
deleted file mode 100644
index 8e8ace886..000000000
--- a/examples/sessions/group_autoscale_session.xml
+++ /dev/null
@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<Session genome="hg19" hasGeneTrack="true" hasSequenceTrack="true" locus="chr8:128746315-128755680" nextAutoscaleGroup="2" path="/Users/jrobinso/Dropbox/projects/igv.js/test/data/sessions/group_autoscale_session.xml" version="8">
-    <Resources>
-        <Resource name="GM12878 H3K4me3 ChipSeq Signal" path="https://www.encodeproject.org/files/ENCFF000ATR/@@download/ENCFF000ATR.bigWig"/>
-        <Resource name="GM12878 H3K27me3 ChipSeq Signal" path="https://www.encodeproject.org/files/ENCFF000AST/@@download/ENCFF000AST.bigWig"/>
-        <Resource name="GM12878 H3K36me3 ChipSeq Signal" path="https://www.encodeproject.org/files/ENCFF000ATA/@@download/ENCFF000ATA.bigWig"/>
-    </Resources>
-    <Panel height="660" name="DataPanel" width="1457">
-        <Track autoscaleGroup="1" color="200,0,0" id="https://www.encodeproject.org/files/ENCFF000AST/@@download/ENCFF000AST.bigWig" name="GM12878 H3K27me3 ChipSeq Signal"></Track>
-        <Track autoscaleGroup="1" color="0,0,150" id="https://www.encodeproject.org/files/ENCFF000ATA/@@download/ENCFF000ATA.bigWig" name="GM12878 H3K36me3 ChipSeq Signal"></Track>
-        <Track autoscaleGroup="1" color="0,150,0" id="https://www.encodeproject.org/files/ENCFF000ATR/@@download/ENCFF000ATR.bigWig" name="GM12878 H3K4me3 ChipSeq Signal"></Track>
-    </Panel>
-    <Panel height="189" name="FeaturePanel" width="1457">
-        <Track  id="hg19_genes" name="RefSeq Genes">
-        </Track>
-    </Panel>
-
-</Session>
diff --git a/examples/sessions/igvSession.xml b/examples/sessions/igvSession.xml
deleted file mode 100644
index d77013b3f..000000000
--- a/examples/sessions/igvSession.xml
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<Session genome="hg19" hasGeneTrack="true" hasSequenceTrack="true" locus="chr8:128746315-128755680" path="/Users/jrobinso/Dropbox/projects/igv.js/examples/sessions/igvSession.xml" version="8">
-    <Resources>
-        <Resource name="GM12878 H3K4me3 ChipSeq Signal" path="https://www.encodeproject.org/files/ENCFF000ATR/@@download/ENCFF000ATR.bigWig"/>
-        <Resource name="GM12878 H3K27me3 ChipSeq Signal" path="https://www.encodeproject.org/files/ENCFF000AST/@@download/ENCFF000AST.bigWig"/>
-        <Resource name="GM12878 H3K36me3 ChipSeq Signal" path="https://www.encodeproject.org/files/ENCFF000ATA/@@download/ENCFF000ATA.bigWig"/>
-    </Resources>
-    <Panel height="439" name="DataPanel" width="1133">
-        <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.DataSourceTrack" color="200,0,0"
-               displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10" id="https://www.encodeproject.org/files/ENCFF000AST/@@download/ENCFF000AST.bigWig" name="GM12878 H3K27me3 ChipSeq Signal" normalize="false" renderer="BAR_CHART" sortable="true" visible="true" windowFunction="mean">
-            <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="55.947006" minimum="0.0" type="LINEAR"/>
-        </Track>
-        <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.DataSourceTrack" color="0,0,150" displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10" id="https://www.encodeproject.org/files/ENCFF000ATA/@@download/ENCFF000ATA.bigWig" name="GM12878 H3K36me3 ChipSeq Signal" normalize="false" renderer="BAR_CHART" sortable="true" visible="true" windowFunction="mean">
-            <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="41.115314" minimum="0.0" type="LINEAR"/>
-        </Track>
-        <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.DataSourceTrack" color="0,150,0" displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10" id="https://www.encodeproject.org/files/ENCFF000ATR/@@download/ENCFF000ATR.bigWig" name="GM12878 H3K4me3 ChipSeq Signal" normalize="false" renderer="BAR_CHART" sortable="true" visible="true" windowFunction="mean">
-            <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="53.69198" minimum="0.0" type="LINEAR"/>
-        </Track>
-    </Panel>
-    <Panel height="142" name="FeaturePanel" width="1133">
-        <Track altColor="0,0,178" autoScale="false" color="0,0,178" displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10" id="Reference sequence" name="Reference sequence" sortable="false" visible="true"/>
-        <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.FeatureTrack" color="0,0,178" colorScale="ContinuousColorScale;0.0;423.0;255,255,255;0,0,178" displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10" height="35" id="hg19_genes" name="RefSeq Genes" renderer="BASIC_FEATURE" sortable="false" visible="true" windowFunction="count">
-            <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="423.0" minimum="0.0" type="LINEAR"/>
-        </Track>
-    </Panel>
-    <PanelLayout dividerFractions="0.75"/>
-    <HiddenAttributes>
-        <Attribute name="DATA FILE"/>
-        <Attribute name="DATA TYPE"/>
-        <Attribute name="NAME"/>
-    </HiddenAttributes>
-</Session>
diff --git a/examples/sessions/multiLocusSession.json b/examples/sessions/multiLocusSession.json
deleted file mode 100644
index 14df56c0d..000000000
--- a/examples/sessions/multiLocusSession.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "genome":  "hg19",
-  "locus": ["myc", "egfr"],
-  "tracks": [
-    {
-      "type": "sequence",
-      "order": -1.7976931348623157e+308
-    },
-    {
-      "url": "https://1000genomes.s3.amazonaws.com/phase3/data/HG02450/alignment/HG02450.mapped.ILLUMINA.bwa.ACB.low_coverage.20120522.bam",
-      "label": "HG02450",
-      "order": 1,
-      "sourceType": "file",
-      "format": "bam",
-      "type": "alignment",
-      "height": 300,
-      "name": "HG02450",
-      "coverageTrackHeight": 50
-    },
-    {
-      "name": "Refseq Genes",
-      "url": "https://s3.amazonaws.com/igv.org.genomes/hg19/refGene.txt.gz",
-      "order": 1000000,
-      "indexed": false,
-      "sourceType": "file",
-      "format": "refgene",
-      "type": "annotation",
-      "height": 50,
-      "maxRows": 500
-    }
-  ]
-}
\ No newline at end of file
diff --git a/examples/sessions/session-merged.xml b/examples/sessions/session-merged.xml
deleted file mode 100644
index 9315a09e4..000000000
--- a/examples/sessions/session-merged.xml
+++ /dev/null
@@ -1,61 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<Session genome="hg19" hasGeneTrack="true" hasSequenceTrack="true" locus="chr8:128746315-128755680"
-         nextAutoscaleGroup="3" path="/Users/jrobinso/Dropbox/projects/igv.js/examples/sessions/session-merged.xml"
-         version="8">
-    <Resources>
-        <Resource name="GM12878 H3K4me3 ChipSeq Signal"
-                  path="https://www.encodeproject.org/files/ENCFF000ATR/@@download/ENCFF000ATR.bigWig"/>
-        <Resource name="GM12878 H3K27me3 ChipSeq Signal"
-                  path="https://www.encodeproject.org/files/ENCFF000AST/@@download/ENCFF000AST.bigWig"/>
-        <Resource name="GM12878 H3K36me3 ChipSeq Signal"
-                  path="https://www.encodeproject.org/files/ENCFF000ATA/@@download/ENCFF000ATA.bigWig"/>
-    </Resources>
-    <Panel height="439" name="DataPanel" width="1133">
-        <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.MergedTracks" color="0,0,178"
-               displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10"
-               id="2df2ab80-f180-4831-ab38-977e70738d11" name="Overlay" renderer="BAR_CHART" sortable="true"
-               visible="true">
-            <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="72.72" minimum="0.0" type="LINEAR"/>
-            <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.DataSourceTrack" color="200,0,0"
-                   displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10"
-                   id="https://www.encodeproject.org/files/ENCFF000AST/@@download/ENCFF000AST.bigWig"
-                   name="GM12878 H3K27me3 ChipSeq Signal" normalize="false" renderer="BAR_CHART" sortable="true"
-                   visible="true" windowFunction="mean">
-                <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="55.947006" minimum="0.0"
-                           type="LINEAR"/>
-            </Track>
-            <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.DataSourceTrack" color="0,0,150"
-                   displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10"
-                   id="https://www.encodeproject.org/files/ENCFF000ATA/@@download/ENCFF000ATA.bigWig"
-                   name="GM12878 H3K36me3 ChipSeq Signal" normalize="false" renderer="BAR_CHART" sortable="true"
-                   visible="true" windowFunction="mean">
-                <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="41.115314" minimum="0.0"
-                           type="LINEAR"/>
-            </Track>
-            <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.DataSourceTrack" color="0,150,0"
-                   displayMode="COLLAPSED" featureVisibilityWindow="-1" fontSize="10"
-                   id="https://www.encodeproject.org/files/ENCFF000ATR/@@download/ENCFF000ATR.bigWig"
-                   name="GM12878 H3K4me3 ChipSeq Signal" normalize="false" renderer="BAR_CHART" sortable="true"
-                   visible="true" windowFunction="mean">
-                <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="53.69198" minimum="0.0"
-                           type="LINEAR"/>
-            </Track>
-        </Track>
-    </Panel>
-    <Panel height="142" name="FeaturePanel" width="1133">
-        <Track altColor="0,0,178" autoScale="false" color="0,0,178" displayMode="COLLAPSED" featureVisibilityWindow="-1"
-               fontSize="10" id="Reference sequence" name="Reference sequence" sortable="false" visible="true"/>
-        <Track altColor="0,0,178" autoScale="false" clazz="org.broad.igv.track.FeatureTrack" color="0,0,178"
-               colorScale="ContinuousColorScale;0.0;423.0;255,255,255;0,0,178" displayMode="COLLAPSED"
-               featureVisibilityWindow="-1" fontSize="10" height="35" id="hg19_genes" name="RefSeq Genes"
-               renderer="BASIC_FEATURE" sortable="false" visible="true" windowFunction="count">
-            <DataRange baseline="0.0" drawBaseline="true" flipAxis="false" maximum="423.0" minimum="0.0" type="LINEAR"/>
-        </Track>
-    </Panel>
-    <PanelLayout dividerFractions="0.75"/>
-    <HiddenAttributes>
-        <Attribute name="DATA FILE"/>
-        <Attribute name="DATA TYPE"/>
-        <Attribute name="NAME"/>
-    </HiddenAttributes>
-</Session>
diff --git a/examples/sessions/test.json b/examples/sessions/test.json
deleted file mode 100644
index dcf0546dd..000000000
--- a/examples/sessions/test.json
+++ /dev/null
@@ -1,51 +0,0 @@
-{
-  "reference": {
-	"id": "hg19",
-	"name": "Human (CRCh37/hg19)",
-	"fastaURL": "https://s3.amazonaws.com/igv.broadinstitute.org/genomes/seq/hg19/hg19.fasta",
-	"indexURL": "https://s3.amazonaws.com/igv.broadinstitute.org/genomes/seq/hg19/hg19.fasta.fai",
-	"cytobandURL": "https://s3.amazonaws.com/igv.broadinstitute.org/genomes/seq/hg19/cytoBand.txt"
-  },
-  "locus": [
-	"chr1:155,167,736-155,167,838"
-  ],
-  "tracks": [
-	{
-	  "type": "sequence",
-	  "order": -1.7976931348623157e+308
-	},
-	{
-	  "url": "https://1000genomes.s3.amazonaws.com/phase3/data/NA12778/exome_alignment/NA12778.mapped.ILLUMINA.bwa.CEU.exome.20121211.bam",
-	  "indexURL": null,
-	  "order": 0,
-	  "name": "NA12778 exome",
-	  "visibilityWindow": "-1",
-	  "sourceType": "file",
-	  "format": "bam",
-	  "type": "alignment",
-	  "height": 300,
-	  "coverageTrackHeight": 50
-	},
-	{
-	  "name": "DB Snp",
-	  "url": "https://data.broadinstitute.org/igvdata/annotations/hg19/dbSnp/snp137.hg19.bed.gz",
-	  "indexURL": "https://data.broadinstitute.org/igvdata/annotations/hg19/dbSnp/snp137.hg19.bed.gz.tbi",
-	  "sourceType": "file",
-	  "format": "bed",
-	  "type": "annotation",
-	  "height": 50,
-	  "maxRows": 500
-	},
-	{
-	  "name": "Refseq Genes",
-	  "url": "https://s3.amazonaws.com/igv.org.genomes/hg19/refGene.txt.gz",
-	  "order": 1000000,
-	  "indexed": false,
-	  "sourceType": "file",
-	  "format": "refgene",
-	  "type": "annotation",
-	  "height": 50,
-	  "maxRows": 500
-	}
-  ]
-}
\ No newline at end of file
diff --git a/examples/sessions/testSession.json b/examples/sessions/testSession.json
deleted file mode 100644
index 914adcb89..000000000
--- a/examples/sessions/testSession.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
-  "reference": {
-    "id": "hg19",
-    "fastaURL": "https://s3.amazonaws.com/igv.broadinstitute.org/genomes/seq/1kg_v37/human_g1k_v37_decoy.fasta",
-    "cytobandURL": "https://s3.amazonaws.com/igv.broadinstitute.org/genomes/seq/b37/b37_cytoband.txt"
-  },
-  "locus": [
-    "8:128,672,679-128,828,674"
-  ],
-  "tracks": [
-    {
-      "type": "sequence",
-      "order": -1.7976931348623157e+308
-    },
-    {
-      "url": "https://www.encodeproject.org/files/ENCFF576BXP/@@download/ENCFF576BXP.bigWig",
-      "color": "rgb(150,150,150)",
-      "name": "22Rv1 CTCF",
-      "sourceType": "file",
-      "format": "bigwig",
-      "type": "wig",
-      "height": 50
-    },
-    {
-      "name": "Genes",
-      "searchable": false,
-      "type": "annotation",
-      "format": "gtf",
-      "sourceType": "file",
-      "url": "https://s3.amazonaws.com/igv.broadinstitute.org/annotations/hg19/genes/gencode.v18.annotation.sorted.gtf.gz",
-      "indexURL": "https://s3.amazonaws.com/igv.broadinstitute.org/annotations/hg19/genes/gencode.v18.annotation.sorted.gtf.gz.tbi",
-      "visibilityWindow": 10000000,
-      "order": 1.7976931348623157e+308,
-      "displayMode": "EXPANDED",
-      "height": 50,
-      "maxRows": 500
-    }
-  ]
-}
\ No newline at end of file
diff --git a/examples/test/xmlSessions.html b/examples/test/xmlSessions.html
deleted file mode 100644
index a6f694bb4..000000000
--- a/examples/test/xmlSessions.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-    <link href=../img/favicon.ico rel="shortcut icon">
-    <title>XML Session</title>
-
-</head>
-
-<body>
-
-<h2>XML (IGV Desktop) Sessions Examples</h2>
-
-<p>
-    <b>Look for console errors and compare with
-        <a target="_blank" href="https://drive.google.com/file/d/1swKWsxGGrWMPBg8reg5oyI-AfC8kFfXM/view?usp=sharing">xml-session.png</a>
-    </b>
-</p>
-
-<h4>Merged tracks</h4>
-<div id="igvDiv" style=",margin-top: 20px;margin-bottom: 20px; height: auto"></div>
-
-<h4>Group autoscale</h4>
-<div id="igvDiv2" style="margin-top: 20px;margin-bottom: 20px; height: auto"></div>
-
-<script type="module">
-
-    import igv from '../../dist/igv.esm.js'
-
-    // Merged session
-    igv.createBrowser(document.getElementById('igvDiv'), {genome: "mm10"})
-        .then(function (browser) {
-            browser.loadSession({
-                url: "https://s3.amazonaws.com/igv.org.test/session/merged_session.xml"
-            })
-        })
-
-    // Group autoscale session
-    igv.createBrowser(document.getElementById('igvDiv2'), {genome: "mm10"})
-        .then(function (browser) {
-            browser.loadSession({
-                url: "https://s3.amazonaws.com/igv.org.test/session/group_autoscale_session.xml"
-            })
-        })
-
-
-</script>
-
-</body>
-
-</html>
diff --git a/examples/variant-colors.html b/examples/variant-colors.html
index 0729620c1..901ae5035 100644
--- a/examples/variant-colors.html
+++ b/examples/variant-colors.html
@@ -5,7 +5,7 @@
     <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
     <meta charset="utf-8">
     <link href="https://igv.org/web/img/favicon.ico" rel="shortcut icon">
-    <title>VCF with VT field</title>
+    <title>igv.js</title>
 
     <!-- IGV JS -->
     <script src="../dist/igv.min.js"></script>
@@ -14,7 +14,7 @@
 
 <body>
 
-<h3>Example illustrating optinos for coloring VCF variants</h3>
+<h3>Example illustrating options for coloring VCF variants</h3>
 <h4>
     <ol>
         <li>color function</li>
@@ -26,7 +26,7 @@ <h4>
 <div id="igvDiv" style="padding-top: 50px;padding-bottom: 20px; height: auto"></div>
 
 
-<script type="module">
+<script>
 
     const options =
         {
diff --git a/test/testBED.js b/test/testBED.js
index bf9732fc0..02578cc99 100644
--- a/test/testBED.js
+++ b/test/testBED.js
@@ -144,10 +144,12 @@ suite("testBed", function () {
         const reader = new FeatureFileReader(config);
         const features = await reader.readFeatures("chr15", 0, Number.MAX_VALUE);
         assert.equal(features.length, 2);
-        for (let f of features) {
-            const attrs = f.attributes;
-            assert.ok(attrs);
-        }
+
+        // motif=CT/AC;uniquely_mapped=2;multi_mapped=2;maximum_spliced_alignment_overhang=36;annotated_junction=true
+        // motif=GT/AG;uniquely_mapped=56;multi_mapped=2;maximum_spliced_alignment_overhang=35;annotated_junction=true
+        const f1 = features[0];
+        assert.equal("CT/AC", f1.getAttributeValue("motif"));    // new API
+        assert.equal("CT/AC", f1.attributes["motif"]);           // old style
     })
 
     test("BED query", async function () {
diff --git a/test/testGFF.js b/test/testGFF.js
index abf562328..76f300dc4 100644
--- a/test/testGFF.js
+++ b/test/testGFF.js
@@ -116,7 +116,14 @@ CDS	    7000	7600	.	+	1	ID=cds00003;Parent=mRNA00003;Name=edenprotein.3
 
         const transcript1 = combinedFeatures[0];
         const attributes = parseAttributeString(transcript1.attributeString, transcript1.delim);
-        assert.equal(attributes['product'], 'MYC proto-oncogene, bHLH transcription factor, transcript variant 2')
+        let product;
+        for(let kv of attributes) {
+            if(kv[0] === 'product') {
+                product = kv[1];
+                break;
+            }
+        }
+        assert.equal(product, 'MYC proto-oncogene, bHLH transcription factor, transcript variant 2')
     })
 
     test("gencode lincRNA gtf", async function () {
