HI viewer

This is a simple widget to visualise HI tables interactively in a webpage.

Installation

To run it simply include the following tag in the header of your html file:

<script src="https://shwilks.github.io/HIviewer/HIviewer.js"></script>

Then include any HI data in the following format on your page:

<hitable>
	<tablename>
		Partial 2004 H3N2 map
	</tablename>
    <sera>
        HK/1/68
        HK/107/71
        BI/21793/72
        EN/42/72
        PC/1/73
        BI/5930/74
        SL/840/74
        VI/3A/75
        VI/3C/75
        AM/1609/77
        TE/1A/77
        TE/1B/77
        BI/2461/78
        BA/1/79
        BA/2/79
        EN/496/80
        NL/209/80
        RD/577/80
        SH/31/80
        NL/233/82
    </sera>
    <antigens>
        BI/15793/68
        BI/16190/68
        BI/16398/68
        HK/1/68
        BI/808/69
        BI/908/69
        BI/17938/69
        BI/93/70
        BI/2668/70
        BI/6449/71
        BI/21438/71
        BI/21801/71
        HK/107/71
        BI/6022/72
        BI/21793/72
        BI/23290/72
        BI/23337/72
        EN/42/72
        BI/552/73
        BI/748/73
        BI/3517/73
        PC/1/73
        BI/5146/74
        BI/5930/74
        BI/5931/74
        BI/7398/74
        BI/9459/74
        BI/334/75
        BI/1843/75
        BI/2600/75
        BI/2813/75
        BI/4273/75
        VI/3/75
        BI/628/76
        BI/1761/76
        BI/2271/76
        BI/5029/76
        BI/5168/76
        BI/5657/76
        BI/6545/76
    </antigens>
    <titers>
        354    |*      |*   |501  |109  |*    |*      |63   |*      |*      |*      |*      |*      |&lt;10 |*      |&lt;10 |*      |*      |*   |*   
        640    |*      |640 |320  |80   |320  |40     |40   |*      |&lt;10 |*      |*      |&lt;10 |*      |*      |*      |&lt;10 |&lt;10 |*   |&lt;10 
        1163   |*      |*   |1163 |291  |*    |73     |89   |&lt;20 |&lt;20 |&lt;20 |35     |&lt;20 |*      |&lt;20 |&lt;20 |*      |*      |*   |*   
        1280   |1280   |*   |2560 |53   |*    |&lt;10 |*    |&lt;10 |*      |*      |&lt;10 |*      |&lt;10 |*      |*      |*      |*      |*   |*   
        320    |*      |*   |640  |120  |*    |80     |160  |*      |*      |*      |*      |*      |*      |*      |*      |*      |*      |*   |*   
        1280   |*      |*   |640  |80   |*    |40     |57   |&lt;20 |&lt;20 |&lt;20 |60     |&lt;20 |*      |&lt;20 |&lt;20 |*      |*      |*   |*   
        554    |*      |*   |453  |113  |*    |42     |46   |&lt;20 |&lt;20 |*      |25     |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        1109   |*      |*   |640  |*    |*    |57     |46   |&lt;20 |&lt;20 |*      |&lt;20 |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        320    |*      |*   |320  |80   |*    |24     |46   |&lt;20 |&lt;20 |&lt;10 |&lt;20 |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        165    |*      |*   |392  |57   |*    |*      |35   |&lt;20 |&lt;20 |&lt;10 |&lt;20 |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        905    |*      |*   |905  |139  |*    |98     |89   |&lt;20 |&lt;20 |*      |40     |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        905    |*      |*   |905  |160  |*    |98     |87   |&lt;20 |&lt;20 |*      |35     |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        *      |5120   |*   |320  |1280 |*    |320    |*    |&lt;10 |*      |*      |&lt;10 |*      |&lt;10 |*      |*      |*      |*      |*   |*   
        453    |*      |*   |905  |226  |*    |226    |184  |&lt;20 |&lt;20 |*      |80     |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        80     |*      |1280|1280 |1280 |1280 |640    |160  |*      |&lt;10 |40     |*      |&lt;10 |&lt;10 |*      |&lt;10 |&lt;10 |&lt;10 |*   |&lt;10 
        80     |*      |*   |640  |640  |*    |320    |226  |80     |&lt;20 |*      |160    |&lt;20 |*      |&lt;20 |&lt;20 |*      |*      |*   |*   
        80     |*      |*   |640  |640  |*    |320    |226  |80     |&lt;20 |*      |160    |&lt;20 |*      |&lt;20 |&lt;20 |*      |*      |*   |*   
        *      |80     |*   |5120 |1280 |*    |640    |*    |160    |*      |*      |&lt;10 |*      |&lt;10 |*      |*      |*      |*      |*   |*   
        160    |*      |*   |640  |1280 |*    |640    |226  |80     |20     |*      |200    |20     |*      |&lt;20 |&lt;20 |*      |*      |*   |*   
        52     |*      |*   |640  |1280 |*    |291    |135  |50     |&lt;20 |*      |160    |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        80     |*      |*   |1280 |1280 |*    |320    |101  |40     |&lt;20 |*      |160    |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        68     |&lt;10 |*   |640  |1227 |*    |640    |*    |320    |*      |*      |80     |*      |&lt;10 |*      |*      |*      |*      |*   |*   
        40     |*      |*   |320  |640  |*    |640    |80   |*      |*      |16     |*      |*      |&lt;10 |*      |&lt;10 |*      |*      |*   |*   
        40     |*      |640 |320  |2560 |1280 |160    |160  |*      |&lt;10 |40     |*      |&lt;10 |*      |*      |*      |&lt;10 |&lt;10 |*   |&lt;10 
        16     |*      |*   |291  |905  |*    |80     |320  |*      |*      |24     |*      |*      |&lt;10 |*      |&lt;10 |*      |*      |*   |*   
        20     |*      |*   |320  |2560 |*    |320    |80   |*      |*      |20     |*      |*      |*      |*      |*      |*      |*      |*   |*   
        60     |*      |*   |392  |2560 |*    |320    |254  |160    |20     |*      |160    |&lt;20 |&lt;10 |&lt;20 |&lt;10 |*      |*      |*   |*   
        &lt;10 |*      |*   |320  |1280 |*    |160    |160  |*      |*      |20     |*      |*      |&lt;10 |*      |&lt;10 |*      |*      |*   |*   
        40     |*      |*   |160  |1280 |*    |160    |160  |*      |*      |40     |*      |*      |*      |*      |*      |*      |*      |*   |*   
        80     |*      |*   |320  |1280 |*    |2560   |40   |*      |*      |40     |*      |*      |*      |*      |*      |*      |*      |*   |*   
        40     |*      |320 |320  |1280 |1280 |160    |80   |*      |&lt;10 |80     |*      |&lt;10 |*      |*      |*      |&lt;10 |&lt;10 |*   |&lt;10 
        40     |*      |*   |320  |640  |*    |2560   |40   |*      |*      |32     |*      |*      |&lt;10 |*      |&lt;10 |*      |*      |*   |*   
        *      |&lt;10 |*   |320  |1280 |*    |320    |*    |2560   |*      |*      |320    |*      |&lt;10 |*      |*      |*      |*      |*   |*   
        &lt;10 |*      |*   |120  |320  |*    |80     |80   |*      |*      |1280   |*      |*      |40     |*      |480    |*      |*      |*   |*   
        &lt;10 |*      |*   |320  |320  |*    |160    |1016 |1280   |1280   |80     |320    |80     |&lt;10 |&lt;20 |*      |*      |*      |*   |*   
        &lt;10 |*      |*   |120  |640  |*    |160    |160  |*      |*      |2032   |*      |*      |80     |*      |480    |*      |*      |*   |*   
        &lt;10 |*      |*   |160  |160  |*    |40     |905  |1920   |1280   |80     |320    |80     |*      |100    |&lt;20 |*      |*      |*   |*   
        &lt;10 |*      |*   |160  |640  |*    |80     |1280 |*      |*      |80     |*      |*      |*      |*      |*      |*      |*      |*   |*   
        &lt;10 |*      |*   |160  |320  |*    |80     |905  |1280   |1280   |98     |320    |80     |*      |160    |&lt;20 |*      |*      |*   |*   
        *      |*      |*   |210  |320  |*    |80     |905  |1280   |1600   |61     |320    |80     |&lt;10 |100    |*      |*      |*      |*   |*   
    </titers>
</hitable>