ViSUS WebViewer

Jump to: navigation, search

You can visualize interactively your data from a browser putting a simple javascript script in your webpage, as in the following example:

    <meta charset='utf-8'>
    <title>David Powered by Visus</title>
    <script src=""></script>
    <script src="" ></script>


    <div id="openseadragon1" class="openseadragon" style="width:100%; height:100%;background-color: black;"></div>
    <script type="text/javascript">
        var bXRoad=false;
            id: "openseadragon1",
            prefixUrl: "",
            showNavigator: true,
            debugMode: false,
            tileSources: getTileSources("", "david_subsampled", 29280, 70416, 32, 512, bXRoad)


This small piece of code will include a ViSUS WebViewer in your page that will allow to navigate one or more high resolution images (i.e. in this example the dataset called "david_subsampled").

You can see a live demo of this viewer at this link.

To customize the viewer script to visualize your data you need to change the getTileSources parameter according to the following definition:

getTileSources(server_URL, dataset_name, x_dim, y_dim,  bitmask_length-1, tile_size, false)

In particular the bitmask_length can be obtained counting the digits in the (bitmask) field of your IDX file.

For more code examples go to our GitHub repo: GItHub ViSUS WebViewer