index.html

<style>
    body {
        margin: 0;
    }
</style>

<div id="container"></div>

<script src="../../dist/valis-hpgv.js"></script>

<script>
    let visualizer = new GenomeVisualizer([
        'https://s3-us-west-1.amazonaws.com/valis-file-storage/genome-data/GRCh38.vdna-dir',
        'https://s3-us-west-1.amazonaws.com/valis-file-storage/genome-data/GRCh38.92.vgenes-dir',
        'https://www.encodeproject.org/files/ENCFF833POA/@@download/ENCFF833POA.bigWig'
    ]);

    let container = document.getElementById('container');

    window.addEventListener('resize', update);

    function update() {
        visualizer.render({
            width: window.innerWidth,
            height: window.innerHeight
        }, container);
    }

    update();
</script>