IGV exons/introns

by alfredopacino

HTML

<html>
<head>
    <title>igv.js embedding example</title>
</head>

<body>

<div id="igvDiv"></div>

<script type="module">

    import igv from "https://cdn.jsdelivr.net/npm/[email protected]/dist/igv.esm.min.js"

    const config = {
        // reference: "hg38",
        showNavigation: true,
        showRuler: true,
        reference: {
            id: "hg38",
            fastaURL: "https://s3.amazonaws.com/igv.broadinstitute.org/genomes/seq/hg38/hg38.fa",
            indexURL: "https://s3.amazonaws.com/igv.broadinstitute.org/genomes/seq/hg38/hg38.fa.fai",
            cytobandURL: "https://s3.amazonaws.com/igv.broadinstitute.org/annotations/hg38/cytoBandIdeo.txt"
        },
        locus: "chr1:7371015-7377019",
        tracks: [
            {
                url: 'https://s3.amazonaws.com/igv.broadinstitute.org/data/hg38/gencode.v24.annotation.sorted.gtf.gz',
                indexURL: 'https://s3.amazonaws.com/igv.broadinstitute.org/data/hg38/gencode.v24.annotation.sorted.gtf.gz.tbi',
                name: 'Gencode v24',
                format: 'gtf',
                visibilityWindow: 10000000,
                displayMode: "EXPANDED"
            }
        ]
    }

    const browser = await igv.createBrowser(document.getElementById("igvDiv"), config)

</script>

</body>
</html>