-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathtemplate.tpl
143 lines (123 loc) · 5.71 KB
/
template.tpl
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<html>
<head>
<script type="text/javascript" src="d3.min.js"></script>
<script type="text/javascript" src="lodash.js"></script>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="trip.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="trip.min.css">
</head>
<body>
<script type="text/javascript" src="colors.js"></script>
<!--Info button-->
<!--
<div id="info_button">
<button class="blue_button" onclick="show_info()">info</button>
</div>
<div id="weights_button_div", style="margin-top:10px">
<button class="green_button" id ="sort_button" onclick="sort();">Show feature contributions</button>
<button class="green_button" id ="explain_button" onclick="change_explanation();">Change to sentence explanation</button>
</div> -->
<!--Info button contents-->
<div id="light" class="white_content">
Cross validation predictions for 20 newsgroups dataset. Positive (blue) class is Christianity, negative class is
Atheism.
<br/>
<br/>
We are using bag of words (case sensitive), and logistic regression. The size of
a word is proportional to its weight coefficient in logistic regression.
Hovering the mouse over a word gives summary statistics for that word in the
training data (frequency and class distribution).
<br/>
<br/>
The "bi-histogram" at the bottom shows the overall performance of the model. Correctly-classified examples are shown
above the solid horizontal line, while incorrect examples are shown below. The histogram is interactive - you can
click on a document in it to load it into the text editor.
<br/>
<br/>
<a href = "javascript:void(0)" onclick = "hide_info()">Close</a></div>
<div id="fade" class="black_overlay"></div>
<div id="loading" class="hidden">Loading…</div>
<!---->
<div id ="top_part_options_div">
<!-- Tab Buttons -->
<button class="blue_button" onclick="tab_change_explain()">Explain prediction</button>
<button class="blue_button" onclick="tab_change_statistics()">Global Statistics</button>
<button class="blue_button" onclick="tab_change_feedback()">Feedback</button>
<!-- <select id="view-select" onChange="change_mode();">
<option value="explain">Explain prediction</option>
<option value="statistics">Global statistics</option>
<option value="feedback">Feedback</option>
</select> -->
<div class="onoffswitch" style="float:right;">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" onchange="swap_dataset()" checked>
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</div>
<!-- <button id="swap_dataset_button" class="red_button" style="float:right;">Current Dataset: Validation</button> -->
<br/>
<!-- <select id="dataset-select" onChange="change_dataset();" style="float:right;">
<option value="test">Validation</option>
<option value="train">Train</option>
</select> -->
<div id="info_button">
</div>
<br />
</div>
<svg class="hovercard"></svg>
<div id="ops_container">
<div id="explain_selections">
<div class="probabilities_onoffswitch" style="float:right;">
<input type="checkbox" name="probabilities_onoffswitch" class="probabilities_onoffswitch-checkbox" id="myprobabilities_onoffswitch" onchange="change_order(3)" checked>
<label class="probabilities_onoffswitch-label" for="myprobabilities_onoffswitch">
<span class="probabilities_onoffswitch-inner"></span>
<span class="probabilities_onoffswitch-switch"></span>
</label>
</div>
<div class="editfeatures_onoffswitch">
<input type="checkbox" name="editfeatures_onoffswitch" class="editfeatures_onoffswitch-checkbox" id="myeditfeatures_onoffswitch" onchange="change_order(1)" checked>
<label class="editfeatures_onoffswitch-label" for="myeditfeatures_onoffswitch">
<span class="editfeatures_onoffswitch-inner"></span>
<span class="editfeatures_onoffswitch-switch"></span>
</label>
</div>
</div>
<div id="textarea_div" class="top_explain visible">
<textarea id="textarea_explain">
</textarea>
<button class="green_button" title="Change example based on textarea." onclick="change(null);">--></button>
</div>
<div id="explain_text_div" class="top_explain top_mid visible"> </div>
<div id="prediction_bar_div" class="top_explain top_right visible">
<svg id="prediction_bar"></svg>
</div>
<br>
<div id="explain_features_div" class="top_explain hidden"> </div>
<div id="feature_brush_div" class="top_explain hidden"> Active features: <br /></div>
<div id="statistics_div" class="top_statistics"> </div>
<div id="feedback_textarea_div" class="top_feedback">
Search: <br />
<textarea id="feedback_from" class="feedback_textarea"></textarea>
Replace by: <br />
<textarea id="feedback_to" class="feedback_textarea"></textarea>
<button class="green_button" title="View regex" onclick="apply_regex();">--></button>
<button class="green_button" title="Save regex" onclick="save_regex();"
style="bottom:0;">Save</button>
</div>
<div id="feedback_text_div" class="top_feedback"> </div>
<div id="feedback_active_div" class="top_feedback">
Active regexes:
<button class="green_button" title="Apply" onclick="RunRegex();"
style="bottom:0;left:50;">Apply</button>
<br />
</div>
</div>
<script src="info_box.js"></script>
<div id="legend_div" class="bottom_part"></div>
<div id="databin_div" class="bottom_part"></div>
<!-- The main markup -->
<script src="code.js"></script>
</body>
</html>