-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (74 loc) · 5.26 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<html>
<head>
<title>HIV Evolving Sites Visualization</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script type="text/javascript" src="js/main.js" charset="utf-8"></script>
<script type="text/javascript" src="js/detail.js" charset="utf-8"></script>
<script type="text/javascript" src="js/control.js" charset="utf-8"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body><div id="content">
<div id = "header" class = "gradient">
</br><h1>HIV EVOLVING SITES TOOL</h1>
</div>
<div id="SVG">
<h2 id="barchart">Site-by-site Shannon Entropy Scores</h2>
<p id = "file"> Current file: <b id="sequence_name">HIV_pt1_AA_align_tp1</b></p>
<button id="instructions" onclick="myFunction()">Instructions</button>
<p id="y_label">Entropy score: <br>[a measure of uncertainty/variability]</p>
<p id="x_label">Amino acid positions [relative to HIV-1 Gp120-C2V5]</p>
</div>
<div id="details">
<h2 id="detailTitle">Directional Evolution of Amino Acids</h2>
<p id="secondTitle">Degree of change relative to HIV-1 database freq</p>
<div id="detailArea">
<p id="thresholdP">Threshold: <b id="threshold">15%</b></p>
<span id="tooltip"></span>
<div id="slider">
<p id="CMod">
<span class="nowrap_left" style="text-align:left">Conservative</span>
<span class="nowrap_right" style="text-align:right">........................................Modest</span>
</p>
</div>
<!-- <button id="more_column_button" onclick="displayMoreColumns(this)">More columns</button> -->
<div class = "scrollit">
<table id="time_line">
</table>
</div>
</div>
<img id="legend" src="https://cloud.githubusercontent.com/assets/4379884/8026853/61ad65f4-0d3e-11e5-91b7-e48fe98377c6.jpg" alt="Legend View" align="right" style="width:100px;height:100px;">
<!-- <img src="https://cloud.githubusercontent.com/assets/4379884/8027141/d4c9a960-0d45-11e5-8fad-150ec503525c.jpg" alt="Tree Explain View" align="center" style="width:150px;height:150px;"> -->
</div>
<div id="control"> Select file from list:
<select id="fasta_select" onchange="changeContext(this)"><select>
</div>
<form action="query.php" method="post" enctype="multipart/form-data">
<div><label id="upload"> Upload file from drive:
<input type="file" id="upload2" name="upload"/></label>
</div>
<div>
<input type="hidden" name="action" value="upload"/>
</div>
<div id="submit">
<input type="submit" id = "submit_button" value="Submit" />
<div>
</div>
</form>
<div class="footer_g">
<div id="footer"><p></br></br>Dataset: HIV protein sequence from infected individuals; Known T-cell HIV epitopes mapping for this visualization</p></div>
<div id="description">
<br><h1>Project Description</h1>
<P><h2> Title: HIV Evolving Sites Visualization</h2></p><br>
<p><h3>Team members: </h3><br> Liusu Wang: [email protected]<br>Kuangyou Yao: [email protected]<br>CSE 512, University of Washington</p> <br>
<p><h3>Summary image:</h3>
<img id="summary_image" src="https://cloud.githubusercontent.com/assets/4379884/8109119/f9b19f5a-1009-11e5-87fe-87e5a268713c.png" alt="Summary image" width="912" height="662"></p><br>
<p><h3>Abstract:</h3>This project is to create a visualization tool in aid of studying one of the deadliest viruses known to mankind, the Human immunodeficiency virus, commonly known as HIV. HIV is a retrovirus, which has certain features making it difficult to treat and eradicate including a high mutation rate. Hypotheses suggest that it is because their immune system recognize virus through a specific region of the virus shell protein that cannot tolerate mutations very well. Therefore, it is of interest to discover parts in the virus, which are crucial to virus replication. This information could be critical to informing effective vaccine strategies. The project is also projected to support other kinds of virus evolution which might shows similar pattern as HIV. In addition, The project provides a basis for additional features like providing meta-data about the mutations e.g. to determine if they are in T cell epitopes or immune escapes, or providing a more integrated comparison of multiple patients. </p><br>
<p><h3>Links: <h3><a href="https://github.com/CSE512-15S/fp-liusuw-kuangyou/blob/gh-pages/Final/paper-liusuw-kuangyou.pdf">paper</a>, <a href="https://github.com/CSE512-15S/fp-liusuw-kuangyou/blob/gh-pages/Final/poster-liusuw-kuangyou.png?raw=true">poster</a>, <a href="https://github.com/CSE512-15S/fp-liusuw-kuangyou">code</a> </p> <br>
<p><h3>Running instructions: </h3>You can view our visualization by visiting <a href="http://cse512-15s.github.io/fp-liusuw-kuangyou/">http://cse512-15s.github.io/fp-liusuw-kuangyou/</a> Alternatively, download this repository and run server.js and access this from http://localhost:8080/index.html</p>
<div>
</div></body>
<footer id="ft"></footer>
</html>