This is a simple widget to visualise HI tables interactively in a webpage.
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 |* |* |* |* |* |<10 |* |<10 |* |* |* |*
640 |* |640 |320 |80 |320 |40 |40 |* |<10 |* |* |<10 |* |* |* |<10 |<10 |* |<10
1163 |* |* |1163 |291 |* |73 |89 |<20 |<20 |<20 |35 |<20 |* |<20 |<20 |* |* |* |*
1280 |1280 |* |2560 |53 |* |<10 |* |<10 |* |* |<10 |* |<10 |* |* |* |* |* |*
320 |* |* |640 |120 |* |80 |160 |* |* |* |* |* |* |* |* |* |* |* |*
1280 |* |* |640 |80 |* |40 |57 |<20 |<20 |<20 |60 |<20 |* |<20 |<20 |* |* |* |*
554 |* |* |453 |113 |* |42 |46 |<20 |<20 |* |25 |<20 |<10 |<20 |<10 |* |* |* |*
1109 |* |* |640 |* |* |57 |46 |<20 |<20 |* |<20 |<20 |<10 |<20 |<10 |* |* |* |*
320 |* |* |320 |80 |* |24 |46 |<20 |<20 |<10 |<20 |<20 |<10 |<20 |<10 |* |* |* |*
165 |* |* |392 |57 |* |* |35 |<20 |<20 |<10 |<20 |<20 |<10 |<20 |<10 |* |* |* |*
905 |* |* |905 |139 |* |98 |89 |<20 |<20 |* |40 |<20 |<10 |<20 |<10 |* |* |* |*
905 |* |* |905 |160 |* |98 |87 |<20 |<20 |* |35 |<20 |<10 |<20 |<10 |* |* |* |*
* |5120 |* |320 |1280 |* |320 |* |<10 |* |* |<10 |* |<10 |* |* |* |* |* |*
453 |* |* |905 |226 |* |226 |184 |<20 |<20 |* |80 |<20 |<10 |<20 |<10 |* |* |* |*
80 |* |1280|1280 |1280 |1280 |640 |160 |* |<10 |40 |* |<10 |<10 |* |<10 |<10 |<10 |* |<10
80 |* |* |640 |640 |* |320 |226 |80 |<20 |* |160 |<20 |* |<20 |<20 |* |* |* |*
80 |* |* |640 |640 |* |320 |226 |80 |<20 |* |160 |<20 |* |<20 |<20 |* |* |* |*
* |80 |* |5120 |1280 |* |640 |* |160 |* |* |<10 |* |<10 |* |* |* |* |* |*
160 |* |* |640 |1280 |* |640 |226 |80 |20 |* |200 |20 |* |<20 |<20 |* |* |* |*
52 |* |* |640 |1280 |* |291 |135 |50 |<20 |* |160 |<20 |<10 |<20 |<10 |* |* |* |*
80 |* |* |1280 |1280 |* |320 |101 |40 |<20 |* |160 |<20 |<10 |<20 |<10 |* |* |* |*
68 |<10 |* |640 |1227 |* |640 |* |320 |* |* |80 |* |<10 |* |* |* |* |* |*
40 |* |* |320 |640 |* |640 |80 |* |* |16 |* |* |<10 |* |<10 |* |* |* |*
40 |* |640 |320 |2560 |1280 |160 |160 |* |<10 |40 |* |<10 |* |* |* |<10 |<10 |* |<10
16 |* |* |291 |905 |* |80 |320 |* |* |24 |* |* |<10 |* |<10 |* |* |* |*
20 |* |* |320 |2560 |* |320 |80 |* |* |20 |* |* |* |* |* |* |* |* |*
60 |* |* |392 |2560 |* |320 |254 |160 |20 |* |160 |<20 |<10 |<20 |<10 |* |* |* |*
<10 |* |* |320 |1280 |* |160 |160 |* |* |20 |* |* |<10 |* |<10 |* |* |* |*
40 |* |* |160 |1280 |* |160 |160 |* |* |40 |* |* |* |* |* |* |* |* |*
80 |* |* |320 |1280 |* |2560 |40 |* |* |40 |* |* |* |* |* |* |* |* |*
40 |* |320 |320 |1280 |1280 |160 |80 |* |<10 |80 |* |<10 |* |* |* |<10 |<10 |* |<10
40 |* |* |320 |640 |* |2560 |40 |* |* |32 |* |* |<10 |* |<10 |* |* |* |*
* |<10 |* |320 |1280 |* |320 |* |2560 |* |* |320 |* |<10 |* |* |* |* |* |*
<10 |* |* |120 |320 |* |80 |80 |* |* |1280 |* |* |40 |* |480 |* |* |* |*
<10 |* |* |320 |320 |* |160 |1016 |1280 |1280 |80 |320 |80 |<10 |<20 |* |* |* |* |*
<10 |* |* |120 |640 |* |160 |160 |* |* |2032 |* |* |80 |* |480 |* |* |* |*
<10 |* |* |160 |160 |* |40 |905 |1920 |1280 |80 |320 |80 |* |100 |<20 |* |* |* |*
<10 |* |* |160 |640 |* |80 |1280 |* |* |80 |* |* |* |* |* |* |* |* |*
<10 |* |* |160 |320 |* |80 |905 |1280 |1280 |98 |320 |80 |* |160 |<20 |* |* |* |*
* |* |* |210 |320 |* |80 |905 |1280 |1600 |61 |320 |80 |<10 |100 |* |* |* |* |*
</titers>
</hitable>