This repository has been archived by the owner on Apr 16, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
examples_basic.html
255 lines (242 loc) · 14.4 KB
/
examples_basic.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
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
padding-top: 60px;
padding-bottom: 40px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modal{position:fixed;top:50%;left:10%;z-index:1050;overflow:auto;width:80%;margin:-250px 0 0 0px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
</style>
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">ADAMS</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="active"><a href="examples.html">Examples</a></li>
<li><a href="docs.html">Documentation</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span6">
<ul class="breadcrumb">
<li>
<a href="examples.html">Examples</a> <span class="divider">/</span>
</li>
<li class="active">
Basic
</li>
</ul>
</div>
</div>
<!-- multiple classifiers -->
<section id="buttonGroups">
<!--div class="page-header">
<h1>Basic examples</h1>
</div-->
<div class="page-header">
<h2>Dynamic evaluation <small>of multiple classifiers on multiple datasets</small></h2>
</div>
<div class="row">
<div class="span3">
<p>Reads in set ups of <a href="http://www.cs.waikato.ac.nz/ml/weka/">WEKA</a> classifiers stored in a text file and evaluates each against all datasets in a directory.</p>
<span class="label">Classification</span>
<span class="label">WEKA</span>
</div>
<div class="span4">
<a data-toggle="modal" href="#multipleclassifiers" class="thumbnail">
<img src="img/multiple_classifiers_on_multiple_datasets.png" width="50%" height="50%" alt="Multiple classifiers evaluated on multiple datasets" title="Click to open in full view, with annotations"/>
</a>
<div class="caption">
<h6>Click for details</h6>
</div>
<div id="multipleclassifiers" class="modal hide fade">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Dynamic evaluation of multiple classifiers on multiple datasets</h3>
</div>
<div class="modal-body">
<div class="span10">
<div class="row">
<div class="span7"><img src="img/multiple_classifiers_on_multiple_datasets.png" alt="Multiple classifiers evaluated on multiple datasets"/></div>
<div class="span3">
<table class="table table-condensed">
<tr><td><span class="badge">1</span></td><td> Read in text file with classifier set ups, line by line, and store set up in in variable attached to the global actor (see <em>5</em>)</td></tr>
<tr><td><span class="badge">2</span></td><td> Iterate over all datasets in directory and load them, one after the other</td></tr>
<tr><td><span class="badge">3</span></td><td> Drop datasets that don't meet required capabilities</td></tr>
<tr><td><span class="badge">4</span></td><td> Cross-validate classifier defined in <em>5</em> on datasets and output results</td></tr>
<tr><td><span class="badge">5</span></td><td> The classifier definition used in cross-validation, with variable attached to set up (gets updated when the variable changes its value)</td></tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="span5">
<div class="embed-container">
<iframe src="http://www.youtube.com/embed/iWJ5HQgItkM?wmode=opaque" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<!-- weka experiment -->
<section id="buttonGroups">
<div class="page-header">
<h2>Experiment <small>on arbitrary datasets</small></h2>
</div>
<div class="row">
<div class="span3">
<p>Adds datasets located in a directory to a pre-defined <a href="http://www.cs.waikato.ac.nz/ml/weka/">WEKA</a> experiment, runs the experiment and displays the evaluation.</p>
<span class="label">Experiment</span>
<span class="label">Classification</span>
<span class="label">WEKA</span>
</div>
<div class="span4">
<a data-toggle="modal" href="#weka_experiment" class="thumbnail">
<img src="img/weka_experiment.png" width="50%" height="50%" alt="Experiment" title="Click to open in full view, with annotations"/>
</a>
<div class="caption">
<h6>Click for details</h6>
</div>
<div id="weka_experiment" class="modal hide fade">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Experiment on arbitrary datasets</h3>
</div>
<div class="modal-body">
<div class="span10">
<div class="row">
<div class="span7"><img src="img/weka_experiment.png" alt="Experiment"/></div>
<div class="span3">
<table class="table table-condensed">
<tr><td><span class="badge">1</span></td><td> Lists datasets in specified directory</td></tr>
<tr><td><span class="badge">2</span></td><td> Executes the pre-defined WEKA experiment (containing only classifier set ups, no datasets) using the datasets arriving at its input</td></tr>
<tr><td><span class="badge">3</span></td><td> Performs the evaluation of the experiment</td></tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="span5">
<div class="embed-container">
<iframe src="http://www.youtube.com/embed/wAkm5zpr4EQ?wmode=opaque" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<!-- classifier ranking -->
<section id="buttonGroups">
<div class="page-header">
<h2>Classifier ranking <small>of parameter sweep</small></h2>
</div>
<div class="row">
<div class="span3">
<p>Generates a parameter sweep for multiple parameters of <a href="http://www.cs.waikato.ac.nz/ml/weka/">WEKA</a> classifiers, ranks these using 2-fold cross-validation and subjects the top 3 to a proper evaluation.</p>
<span class="label">Regression</span>
<span class="label">Optimization</span>
<span class="label">WEKA</span>
</div>
<div class="span4">
<a data-toggle="modal" href="#classifier_ranking" class="thumbnail">
<img src="img/classifier_ranking.png" width="50%" height="50%" alt="Classifier set up ranking" title="Click to open in full view, with annotations"/>
</a>
<div class="caption">
<h6>Click for details</h6>
</div>
<div id="classifier_ranking" class="modal hide fade">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Classifier ranking of parameter sweep</h3>
</div>
<div class="modal-body">
<div class="span10">
<div class="row">
<div class="span7"><img src="img/classifier_ranking.png" alt="Classifier set up ranking"/></div>
<div class="span3">
<table class="table table-condensed">
<tr><td><span class="badge">1</span></td><td> Generates the parameter sweep of 3 parameters: ridge of LinearRegression, # of components of PLS filter and type of PLS algorithm</td></tr>
<tr><td><span class="badge">2</span></td><td> Outputs all the generated setups</td></tr>
<tr><td><span class="badge">3</span></td><td> Ranks the performance of the classifiers using 2-fold cross-validation, outputs the top 3</td></tr>
<tr><td><span class="badge">4</span></td><td> Displays the set ups of the top 3 classifiers</td></tr>
<tr><td><span class="badge">5</span></td><td> The global training data</td></tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="span5">
<div class="embed-container">
<iframe src="http://www.youtube.com/embed/e2_V0zeDKrY?wmode=opaque" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<hr>
<footer>
<p>© 2012 University of Waikato and Leiden University - <a href="https://twitter.com/TheAdamsFlow" target="_blank">Follow us on Twitter <img src="img/twitter.jpg" width="16" height="16"/></a></p>
</footer>
</div> <!-- /container -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
<script src="js/libs/bootstrap/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>