Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 4 | <title>DeReKo-Word-Vector-Distances: <%= $word %></title> |
Marc Kupietz | 80bd7b9 | 2017-07-04 16:25:54 +0200 | [diff] [blame] | 5 | <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 6 | <link href="https://fonts.googleapis.com/css?family=Lato|Roboto+Condensed" rel="stylesheet"> |
Marc Kupietz | 80bd7b9 | 2017-07-04 16:25:54 +0200 | [diff] [blame] | 7 | <script src="http://code.jquery.com/jquery-latest.min.js"></script> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 8 | <script src = "https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> |
| 9 | <script src = "https://cdn.datatables.net/fixedcolumns/3.2.3/js/dataTables.fixedColumns.min.js"></script> |
| 10 | <script src = "https://cdn.datatables.net/plug-ins/1.10.16/sorting/scientific.js"></script> |
Marc Kupietz | a0ffb39 | 2018-01-25 08:53:43 +0100 | [diff] [blame] | 11 | <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'></script> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 12 | <link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"> |
Marc Kupietz | 80bd7b9 | 2017-07-04 16:25:54 +0200 | [diff] [blame] | 13 | <script |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 14 | src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js" |
| 15 | integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" |
| 16 | crossorigin="anonymous"></script> |
Marc Kupietz | 80bd7b9 | 2017-07-04 16:25:54 +0200 | [diff] [blame] | 17 | <script> |
Marc Kupietz | a0ffb39 | 2018-01-25 08:53:43 +0100 | [diff] [blame] | 18 | MathJax.Hub.Config({ |
| 19 | config: ["MMLorHTML.js"], |
| 20 | jax: ["input/TeX","input/MathML","output/HTML-CSS","output/NativeMML", "output/PreviewHTML"], |
| 21 | extensions: ["tex2jax.js","mml2jax.js","MathMenu.js","MathZoom.js", "fast-preview.js", "AssistiveMML.js", "a11y/accessibility-menu.js"], |
| 22 | TeX: { |
| 23 | extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"] |
| 24 | } |
| 25 | }); |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 26 | var urlParams = new URLSearchParams(window.location.search); |
Marc Kupietz | b3a2e4f | 2017-12-08 17:25:53 +0100 | [diff] [blame] | 27 | var currentWords = urlParams.get("word"); |
Marc Kupietz | a0ffb39 | 2018-01-25 08:53:43 +0100 | [diff] [blame] | 28 | var CIIsearchWords = (currentWords && currentWords.includes(" ") ? '('+currentWords.replace(/ +/g, " oder ")+')' : currentWords); |
Marc Kupietz | 66bfd95 | 2017-12-11 09:59:45 +0100 | [diff] [blame] | 29 | var collocatorTable = null; |
Marc Kupietz | a6e08f0 | 2017-12-01 22:06:21 +0100 | [diff] [blame] | 30 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 31 | $(document).ready(function() { |
Marc Kupietz | 694610d | 2017-11-25 18:30:03 +0100 | [diff] [blame] | 32 | |
Marc Kupietz | a0ffb39 | 2018-01-25 08:53:43 +0100 | [diff] [blame] | 33 | $('#firstable').hide(); |
| 34 | //Set up a callback to hear back when MathJax is done rendering the equations |
| 35 | // it finds |
| 36 | $('#ccd').load( |
| 37 | '@Url.Action("ActionResultMethod","ControllerName",{controller parameters})', |
| 38 | function () { |
| 39 | MathJax.Hub.Queue( |
| 40 | ["Typeset",MathJax.Hub,"ccd"], |
| 41 | function () { |
| 42 | $("#lfmd_tt").attr("title",$("#lfmd_ttt").html()); |
| 43 | $("#npmi_tt").attr("title",$("#npmi_ttt").html()); |
| 44 | } |
| 45 | ); |
| 46 | }); |
| 47 | |
| 48 | //set things up so that we can shove raw html into what is shown in the tooltip; |
| 49 | // in this case, we will have already put into the title attribute the html that |
| 50 | // contains the MathJax rendered equations (via what we do in the callback). |
| 51 | $(function () { |
| 52 | $(document).tooltip({ |
| 53 | content: function () { |
| 54 | return $(this).prop('title'); |
| 55 | } |
| 56 | }); |
| 57 | }); |
| 58 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 59 | $("input").bind("keydown", function(event) { |
| 60 | // track enter key |
| 61 | var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode)); |
| 62 | if (keycode == 13) { // keycode for enter key |
| 63 | // force the 'Enter Key' to implicitly click the Update button |
| 64 | document.getElementById('SEARCH').click(); |
| 65 | return false; |
| 66 | } else { |
| 67 | return true; |
| 68 | }}); |
Marc Kupietz | dab9f22 | 2017-11-29 14:22:59 +0100 | [diff] [blame] | 69 | |
Marc Kupietz | e871abd | 2018-01-25 16:18:27 +0100 | [diff] [blame] | 70 | var collocatorTable_activated = false; |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 71 | $( "#tabs" ).on( "tabsactivate", function( event, ui ) { |
| 72 | if (localStorage) localStorage['tab'] = ui.newTab.index(); |
Marc Kupietz | e871abd | 2018-01-25 16:18:27 +0100 | [diff] [blame] | 73 | if(ui.newTab.index() == 2 && !collocatorTable_activated) { |
| 74 | classicCollocatorTable.columns.adjust(); |
| 75 | collocatorTable.columns.adjust(); |
| 76 | collocatorTable_activated = true; |
| 77 | } |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 78 | }); |
| 79 | |
| 80 | $(function(){ |
| 81 | $("#SEARCH").click(function() { |
| 82 | window.open($(location).attr('pathname')+'?'+$('form').serialize(), "_self"); |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 83 | }); |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 84 | }); |
Marc Kupietz | 0af83e3 | 2017-11-27 09:31:37 +0100 | [diff] [blame] | 85 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 86 | function changeCharColor(txt, heat, word) { |
| 87 | var newText = ""; |
| 88 | for (var i=0, l=txt.length; i<l; i++) { |
| 89 | newText += (i == 5 ? txt.charAt(i) : '<a href="http://korap.ids-mannheim.de/kalamar/?ql=cosmas2&q=' + |
| 90 | CIIsearchWords + ' /' + (i > 5? '%2B' : '-') + 'w' + |
| 91 | Math.abs(i-5) + ':' + Math.abs(i-5) + ' ' + word + |
| 92 | '" target="korap"><span style="background-color:' + |
| 93 | getHeatColor(heat[i]/maxHeat)+'">'+txt.charAt(i)+'</span></a>'); |
Marc Kupietz | b6c615d | 2017-12-02 10:38:20 +0100 | [diff] [blame] | 94 | } |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 95 | return newText; |
| 96 | } |
Marc Kupietz | b6c615d | 2017-12-02 10:38:20 +0100 | [diff] [blame] | 97 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 98 | function getHeatColor(value) { |
| 99 | var hue=((1-value)*120).toString(10); |
| 100 | return ["hsl(",hue,",90%,70%)"].join(""); |
| 101 | } |
| 102 | |
| 103 | function bitvec2window(n, heat, word) { |
| 104 | var str = n.toString(2).padStart(10, "0") |
| 105 | .replace(/^([0-9]{5})/, '$1x') |
| 106 | .replace(/0/g, '·') |
| 107 | .replace(/1/g, '+'); |
| 108 | return changeCharColor(str, heat, word); |
| 109 | } |
| 110 | |
| 111 | % use Mojo::ByteStream 'b'; |
| 112 | var paraResults = <%= b(Mojo::JSON::to_json($lists)) %>; |
| 113 | var urlprefix = new URLSearchParams(window.location.search); |
| 114 | if (paraResults.length > 0 && paraResults[0] != null) { |
| 115 | var nvecs = [], |
| 116 | nwords = [], |
| 117 | nranks = [], |
| 118 | nmarked = []; |
| 119 | for(var i = 0; i < paraResults.length; i++) { |
| 120 | nwords = nwords.concat(paraResults[i].map(function(a){return a.word;})); |
| 121 | nvecs = nvecs.concat(paraResults[i].map(function(a){return a.vector;})); |
| 122 | nranks = nranks.concat(paraResults[i].map(function(a){return a.rank;})); |
| 123 | nmarked = nmarked.concat(paraResults[i].map(function(a){return a.marked;})); |
Marc Kupietz | 0d4c0ca | 2017-12-04 09:18:56 +0100 | [diff] [blame] | 124 | } |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 125 | showMap({target: " "+urlParams.get('word')+" ", mergedEnd: 0, words: nwords, vecs: nvecs, ranks: nranks, marked: nmarked} ); |
| 126 | var t = $('#firsttable').DataTable({ |
| 127 | data: paraResults[0], |
| 128 | "sScrollY": "780px", |
| 129 | "bScrollCollapse": true, |
| 130 | "bPaginate": false, |
| 131 | "bJQueryUI": true, |
| 132 | "dom": '<"top">rt<"bottom"flp><"clear">', |
| 133 | "columns": [ |
| 134 | { "data": "rank", type: "allnumeric" }, |
| 135 | { "data": "dist", render: function ( data, type, row ) {return data.toFixed(3) }}, |
| 136 | { "data": "word", render: function ( data, type, row ) {urlprefix.set("word", data); return '<a href="?' + urlprefix + '">' + data + '</a>' }} |
| 137 | ], |
| 138 | "columnDefs": [ |
| 139 | { className: "dt-right", "targets": [0,1] }, |
| 140 | { "searchable": false, |
| 141 | "orderable": false, |
| 142 | "targets": 0 |
| 143 | }, |
| 144 | { "orderSequence": [ "desc" ], "targets": [ 1 ] }, |
| 145 | { "orderSequence": [ "asc", "desc" ], "targets": [ 2 ] }, |
| 146 | ], |
| 147 | "oLanguage": { |
| 148 | "sSearch": "Filter: " |
| 149 | }, |
| 150 | "order": [[ 1, 'desc' ]], |
| 151 | } ); |
Marc Kupietz | 0d4c0ca | 2017-12-04 09:18:56 +0100 | [diff] [blame] | 152 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 153 | t.on( 'order.dt search.dt', function () { |
| 154 | t.column(0, {order:'applied'}).nodes().each( function (cell, i) { |
| 155 | cell.innerHTML = i+1; |
| 156 | } ); |
| 157 | } ).draw(); |
| 158 | |
| 159 | $( "#first" ).clone().prependTo( "#tabs-2" ); |
| 160 | |
| 161 | } |
| 162 | |
| 163 | |
| 164 | var collocatorData = <%= b(Mojo::JSON::to_json($collocators)) %>; |
| 165 | var maxHeat; // = Math.max.apply(Math,collocatorData.map(function(o){return o.cprob;})) |
| 166 | |
| 167 | if (collocatorData != null) { |
| 168 | maxHeat = Math.max.apply(Math,collocatorData.map(function(o){return Math.max.apply(Math,o.heat);})) |
| 169 | collocatorTable = $('#secondtable').DataTable({ |
| 170 | data: collocatorData, |
| 171 | "sScrollY": "780px", |
| 172 | "bScrollCollapse": true, |
| 173 | "bPaginate": false, |
| 174 | "bJQueryUI": true, |
| 175 | "dom": '<"top">rt<"bottom"flp><"clear">', |
| 176 | "columns": [ |
| 177 | { "data": "rank", type: "allnumeric" }, |
| 178 | { "data": "pos", width: "7%", sClass: "dt-center mono compact", render: function ( data, type, row ) {return bitvec2window(data, row.heat, row.word) }}, |
| 179 | { "data": "max", render: function ( data, type, row ) {return data.toFixed(3) }}, |
| 180 | { "data": "average", render: function ( data, type, row ) {return data.toFixed(3) }}, |
| 181 | { "data": "prob", type: "scientific", render: function ( data, type, row ) {return data.toExponential(3) } }, |
| 182 | { "data": "cprob", type: "scientific", render: function ( data, type, row ) {return data.toExponential(3) } }, |
| 183 | { "data": "overall", type: "scientific", render: function ( data, type, row ) {return data.toExponential(3) } }, |
| 184 | { "data": "word", sClass: "collocator" }, |
| 185 | { "data": "rank", type: "allnumeric" } |
| 186 | ], |
| 187 | "columnDefs": [ |
| 188 | { className: "dt-right", "targets": [0,2,3,4,5,6] }, |
| 189 | { className: "dt-center", "targets": [ 1] }, |
| 190 | { "searchable": false, |
| 191 | "orderable": false, |
| 192 | "targets": [0, 8] |
| 193 | }, |
| 194 | { "type": "scientific", targets: [2,3,4,5,6] }, |
| 195 | { "orderSequence": [ "desc" ], "targets": [ 2, 3, 4, 5, 6 ] }, |
| 196 | { "orderSequence": [ "asc", "desc" ], "targets": [ 1, 7 ] }, |
| 197 | { "targets": [8], "visible": false } |
| 198 | ], |
| 199 | "oLanguage": { |
| 200 | "sSearch": "Filter: " |
| 201 | }, |
| 202 | "order": [[ 4, 'desc' ]], |
| 203 | } ); |
| 204 | $.ajaxSetup({ |
| 205 | type: 'POST', |
| 206 | timeout: 30000, |
| 207 | error: function(xhr) { |
| 208 | $('#display_error') |
| 209 | .html('Error: ' + xhr.status + ' ' + xhr.statusText); |
| 210 | } |
Marc Kupietz | 78b434a | 2018-01-12 22:33:32 +0100 | [diff] [blame] | 211 | }); |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 212 | |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 213 | // var filterQuot = /(^quot?=[A-Z])|(quot$)/g; |
| 214 | var filterQuot = /^quot/; |
Marc Kupietz | 78b434a | 2018-01-12 22:33:32 +0100 | [diff] [blame] | 215 | classicCollocatorTable = $('#classicoloctable').DataTable({ |
| 216 | ajax: { |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 217 | method: "GET", |
| 218 | url: '/derekovecs/getClassicCollocators', |
| 219 | dataType: 'json', |
| 220 | dataSrc: "", |
| 221 | timeout: 30000, |
| 222 | data: { w: paraResults[0][0].rank } |
Marc Kupietz | 78b434a | 2018-01-12 22:33:32 +0100 | [diff] [blame] | 223 | }, |
Marc Kupietz | ad78372 | 2018-01-13 17:45:21 +0100 | [diff] [blame] | 224 | "initComplete":function(settings, json){ |
| 225 | $("td.collocator").click(function(){ |
| 226 | queryKorAPCII(this.textContent + " /w5 " + CIIsearchWords); |
| 227 | }); |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 228 | classicCollocatorTable.columns(".detail").visible(false); |
| 229 | $("#ccd").css('width', '450px'); |
| 230 | classicCollocatorTable.columns.adjust().draw(); |
Marc Kupietz | ad78372 | 2018-01-13 17:45:21 +0100 | [diff] [blame] | 231 | }, |
Marc Kupietz | 78b434a | 2018-01-12 22:33:32 +0100 | [diff] [blame] | 232 | "sScrollY": "780px", |
| 233 | "bScrollCollapse": true, |
| 234 | "bPaginate": false, |
| 235 | "bJQueryUI": true, |
| 236 | "dom": '<"top">rt<"bottom"flp><"clear">', |
| 237 | "columns": [ |
| 238 | // { "data": "pos", width: "7%", sClass: "dt-center mono compact", render: function ( data, type, row ) {return bitvec2window(data, row.heat, row.word) }}, |
Marc Kupietz | b4b53ca | 2018-01-25 08:57:11 +0100 | [diff] [blame] | 239 | { "data": "llr", render: function ( data, type, row ) {return data.toFixed(0) }}, |
| 240 | { "data": "lfmd", render: function ( data, type, row ) {return data.toFixed(1) }}, |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 241 | // { "data": "fpmi", type: "scientific", render: function ( data, type, row ) {return data.toExponential(2) } }, |
Marc Kupietz | b4b53ca | 2018-01-25 08:57:11 +0100 | [diff] [blame] | 242 | { "data": "npmi", render: function ( data, type, row ) {return data.toFixed(2) }}, |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 243 | { "data": "llfmd", render: function ( data, type, row ) {return data.toFixed(1) }}, |
| 244 | { "data": "rlfmd", render: function ( data, type, row ) {return data.toFixed(1) }}, |
| 245 | { "data": "lnpmi", render: function ( data, type, row ) {return data.toFixed(2) }}, |
| 246 | { "data": "rnpmi", render: function ( data, type, row ) {return data.toFixed(2) }}, |
Marc Kupietz | b4b53ca | 2018-01-25 08:57:11 +0100 | [diff] [blame] | 247 | { "data": "f" }, |
Marc Kupietz | 78b434a | 2018-01-12 22:33:32 +0100 | [diff] [blame] | 248 | { "data": "word", sClass: "collocator" } |
| 249 | ], |
| 250 | "columnDefs": [ |
Marc Kupietz | b4b53ca | 2018-01-25 08:57:11 +0100 | [diff] [blame] | 251 | { className: "dt-right", "targets": [0,1,2,3,4,5,6,7] }, |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 252 | { className: "dt-right detail", "targets": [3,4,5,6] }, |
Marc Kupietz | 78b434a | 2018-01-12 22:33:32 +0100 | [diff] [blame] | 253 | { "searchable": false, |
| 254 | "orderable": false, |
| 255 | "targets": [] |
| 256 | }, |
Marc Kupietz | b4b53ca | 2018-01-25 08:57:11 +0100 | [diff] [blame] | 257 | { "orderSequence": [ "desc" ], "targets": [ 0, 1, 2,3,4,5,6,7 ] }, |
| 258 | { "orderSequence": [ "asc", "desc" ], "targets": [ 8 ] }, |
Marc Kupietz | 78b434a | 2018-01-12 22:33:32 +0100 | [diff] [blame] | 259 | ], |
| 260 | "oLanguage": { |
| 261 | "sSearch": "Filter: " |
| 262 | }, |
| 263 | "order": [[ 1, 'desc' ]], |
| 264 | }); |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 265 | |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 266 | |
| 267 | $('#show-details').change(function (e) { |
| 268 | var columns = classicCollocatorTable.columns(".detail"); |
| 269 | if(this.checked) { |
| 270 | columns.visible(true); |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 271 | $("#ccd").css('width', 'auto'); |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 272 | } else { |
| 273 | columns.visible(false); |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 274 | $("#ccd").css('width', '450px'); |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 275 | } |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 276 | classicCollocatorTable.columns.adjust().draw(); |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 277 | } ); |
| 278 | |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 279 | $("td.collocator").click(function(){ |
| 280 | queryKorAPCII(this.textContent + " /w5 " + CIIsearchWords); |
Marc Kupietz | ad78372 | 2018-01-13 17:45:21 +0100 | [diff] [blame] | 281 | }); |
| 282 | |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 283 | collocatorTable.on( 'order.dt search.dt', function () { |
| 284 | collocatorTable.column(0, {order:'applied'}).nodes().each( function (cell, i) { |
| 285 | cell.innerHTML = i+1; |
| 286 | } ); |
| 287 | }).draw(); |
| 288 | } |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 289 | |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 290 | if (localStorage && !window.location.hash) { // let's not crash if some user has IE7 |
| 291 | var index = parseInt(localStorage['tab']||'0'); |
| 292 | $("#tabs").tabs({ active: index }); |
| 293 | } |
| 294 | $("#tabs").css("visibility", "visible"); // now we can show the tabs |
| 295 | }); |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 296 | |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 297 | $(function(){ |
| 298 | $("#dropdownoptions").dialog({ |
| 299 | title: "Options", |
| 300 | autoOpen: false, |
| 301 | modal: false, |
| 302 | draggable: false, |
| 303 | height: "auto", |
| 304 | width: "auto", |
| 305 | resizable: false, |
| 306 | buttons: { |
| 307 | "Cancel": function() { |
| 308 | $( this ).dialog( "close" ); |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 309 | }, |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 310 | "Apply": function() { |
| 311 | window.open($(location).attr('pathname')+'?'+$('form').serialize(), "_self"); |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 312 | } |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 313 | } |
| 314 | }); |
| 315 | }); |
| 316 | |
| 317 | $(function(){ |
| 318 | $("#showoptions").click(function(){ |
| 319 | $("#dropdownoptions").dialog("open"); |
| 320 | var target = $(this); |
| 321 | $("#dropdownoptions").dialog("widget").position({ |
| 322 | my: 'left bottom', |
| 323 | at: 'left bottom', |
| 324 | of: target |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 325 | }); |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 326 | }); |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 327 | }); |
| 328 | |
| 329 | $( function() { |
| 330 | $( "#no_iterations" ).spinner({ |
| 331 | spin: function( event, ui ) { |
| 332 | if ( ui.value < 1000 ) { |
| 333 | $( this ).spinner( "value", 1000 ); |
| 334 | return false; |
| 335 | } else if ( ui.value > 10000 ) { |
| 336 | $( this ).spinner( "value", 10000 ); |
| 337 | return false; |
| 338 | } |
| 339 | } |
| 340 | }); |
| 341 | } ); |
| 342 | |
| 343 | $( function() { |
| 344 | $( "#neighbours" ).spinner({ |
| 345 | spin: function( event, ui ) { |
| 346 | if ( ui.value < 0 ) { |
| 347 | $( this ).spinner( "value", 0 ); |
| 348 | return false; |
| 349 | } else if ( ui.value > 200 ) { |
| 350 | $( this ).spinner( "value", 200 ); |
| 351 | return false; |
| 352 | } |
| 353 | } |
| 354 | }); |
| 355 | } ); |
| 356 | |
| 357 | $( function() { |
| 358 | $( "#cutoff" ).spinner({ |
| 359 | spin: function( event, ui ) { |
| 360 | if ( ui.value < 100000 ) { |
| 361 | $( this ).spinner( "value", 100000 ); |
| 362 | return false; |
| 363 | } else if ( ui.value > 2000000 ) { |
| 364 | $( this ).spinner( "value", 2000000 ); |
| 365 | return false; |
| 366 | } |
| 367 | } |
| 368 | }); |
| 369 | } ); |
| 370 | |
| 371 | $( function() { |
| 372 | $( "#tabs" ).tabs().addClass('tabs-min'); |
| 373 | } ); |
| 374 | |
| 375 | $( function() { |
| 376 | $( ".controlgroup-vertical" ).controlgroup({ |
| 377 | "direction": "vertical" |
| 378 | }); |
| 379 | } ); |
| 380 | |
| 381 | $(function() { |
| 382 | $( document ).tooltip({ |
| 383 | content: function() { |
| 384 | return $(this).attr('title'); |
| 385 | }} |
| 386 | ) |
| 387 | }); |
| 388 | |
| 389 | $(function () { |
| 390 | $(document).tooltip({ |
| 391 | content: function () { |
| 392 | return $(this).prop('title'); |
| 393 | }, |
| 394 | show: null, |
| 395 | close: function (event, ui) { |
| 396 | ui.tooltip.hover( |
| 397 | function () { |
| 398 | $(this).stop(true).fadeTo(400, 1); |
| 399 | }, |
| 400 | function () { |
| 401 | $(this).fadeOut("400", function () { |
| 402 | $(this).remove(); |
| 403 | }) |
| 404 | }); |
| 405 | } |
| 406 | }); |
| 407 | }); |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 408 | </script> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 409 | <script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script> |
| 410 | <script src="/derekovecs/js/tsne.js"></script> |
| 411 | <script src="/derekovecs/js/som.js"></script> |
| 412 | <script src="/derekovecs/js/labeler.js"></script> |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 413 | <style> |
| 414 | body, input { |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 415 | font-family: Lato, sans-serif; |
| 416 | font-size: 11pt; |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 417 | } |
Marc Kupietz | 30ca434 | 2017-11-22 21:21:20 +0100 | [diff] [blame] | 418 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 419 | .info { |
| 420 | font-size: 8pt; |
| 421 | margin-top: 4px; |
| 422 | /* position: absolute; |
| 423 | bottom: 0; |
| 424 | left: 0; |
| 425 | right: 0; */ |
| 426 | } |
| 427 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 428 | h1, h2, h3 { |
| 429 | margin: 5px 10px 0 0; |
| 430 | color: rgb(246,168,0); |
| 431 | font-family: "Univers LT Std 47 Cn Lt", "Univers LT Std 67 Cn Lt", "Roboto Condensed", "Univers LT Std 67 Cn Bold", "UniversLTStd-BoldCn", "Times", 'League Gothic', Impact, sans-serif; |
| 432 | font-weight: bold; |
| 433 | line-height: 1.35; |
| 434 | letter-spacing: normal; |
| 435 | text-transform: uppercase; |
| 436 | text-shadow: none; |
| 437 | word-wrap: break-word; |
| 438 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 439 | |
| 440 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 441 | showoptions, #SEARCH { |
| 442 | margin-left: 10px; |
| 443 | margin-right: 10px; |
| 444 | } |
Marc Kupietz | 6dbadd1 | 2017-11-29 16:43:33 +0100 | [diff] [blame] | 445 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 446 | .tabs-left-vertical .ui-tabs-nav { |
| 447 | position: absolute; |
| 448 | width: 21em; |
| 449 | transform: translate(-100%,0%) rotate(-90deg); |
| 450 | transform-origin: 100% 0%; |
| 451 | } |
Marc Kupietz | 4fcda0c | 2017-11-29 09:00:31 +0100 | [diff] [blame] | 452 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 453 | .tabs-left-vertical .ui-tabs-nav li { |
| 454 | float: right; |
| 455 | } |
Marc Kupietz | 4fcda0c | 2017-11-29 09:00:31 +0100 | [diff] [blame] | 456 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 457 | .tabs-left-vertical .ui-tabs-panel { |
| 458 | padding-left: 3.5em; |
| 459 | } |
Marc Kupietz | dab9f22 | 2017-11-29 14:22:59 +0100 | [diff] [blame] | 460 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 461 | .tabs-left-vertical .ui-tabs-panel { |
| 462 | height: 20em; |
| 463 | } |
Marc Kupietz | 4fcda0c | 2017-11-29 09:00:31 +0100 | [diff] [blame] | 464 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 465 | .mono { |
Marc Kupietz | c822118 | 2017-12-08 17:26:19 +0100 | [diff] [blame] | 466 | font-family: "DejaVu Sans Mono", Inconsolata, SourceCodePro, "Courier New", Courier, monospace; |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 467 | } |
Marc Kupietz | 30ca434 | 2017-11-22 21:21:20 +0100 | [diff] [blame] | 468 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 469 | .ui-tooltip-content { |
Marc Kupietz | 4116b43 | 2017-12-06 14:15:32 +0100 | [diff] [blame] | 470 | font-size: 10pt; |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 471 | color: #222222; |
| 472 | } |
Marc Kupietz | f4b4939 | 2016-04-28 10:49:56 +0200 | [diff] [blame] | 473 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 474 | svg > .ui-tooltip-content { |
| 475 | font-size: 8pt; |
| 476 | color: #222222; |
| 477 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 478 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 479 | a.merged { |
| 480 | color: green; |
| 481 | fill: green; |
| 482 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 483 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 484 | #first a { |
| 485 | text-decoration: none; |
| 486 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 487 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 488 | a.marked, #first a.marked { |
| 489 | text-decoration: underline; |
| 490 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 491 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 492 | a.target { |
| 493 | color: red; |
| 494 | fill: red; |
| 495 | } |
Marc Kupietz | 694610d | 2017-11-25 18:30:03 +0100 | [diff] [blame] | 496 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 497 | table.display { |
| 498 | width: 40% important!; |
| 499 | margin: 1; /* <- works for me this way ****/ |
| 500 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 501 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 502 | table.dataTable thead th, table.dataTable thead td, table.dataTable tbody td { |
| 503 | padding: 2px 2px; |
| 504 | // border-bottom: 1px solid #111; |
| 505 | } |
Marc Kupietz | 4abcd68 | 2017-11-28 20:51:08 +0100 | [diff] [blame] | 506 | |
Marc Kupietz | 8f75b1f | 2017-12-06 09:42:13 +0100 | [diff] [blame] | 507 | td.collocator { |
| 508 | cursor: pointer; |
| 509 | } |
| 510 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 511 | #collocators { |
| 512 | margin-bottom: 15px; |
| 513 | } |
Marc Kupietz | 4abcd68 | 2017-11-28 20:51:08 +0100 | [diff] [blame] | 514 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 515 | #header { |
| 516 | width: 100%; |
| 517 | // border: 1px solid red; |
| 518 | overflow: hidden; /* will contain if #first is longer than #second */ |
| 519 | } |
Marc Kupietz | 81bf39c | 2017-11-29 17:04:35 +0100 | [diff] [blame] | 520 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 521 | #topwrapper { |
| 522 | width: 100%; |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 523 | display: flex; |
| 524 | // border: 1px solid red; |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 525 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 526 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 527 | #wrapper { |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 528 | width: 100%; |
| 529 | display: flex; |
| 530 | flex-wrap: wrap; |
| 531 | padding:5px; |
| 532 | // border: 1px solid green; |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 533 | // border: 1px solid red; |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 534 | // overflow: hidden; /* will contain if #first is longer than #second */ |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 535 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 536 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 537 | #pagetitle { |
| 538 | max-width: 460px; |
| 539 | margin-right: 20px; |
| 540 | float: left; |
| 541 | overflow: hidden; /* if you don't want #second to wrap below #first */ |
| 542 | // border: 1px solid green; |
| 543 | } |
Marc Kupietz | 4abcd68 | 2017-11-28 20:51:08 +0100 | [diff] [blame] | 544 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 545 | #options { |
| 546 | float: left; |
| 547 | width: 800px; |
| 548 | margin: 10px; |
| 549 | overflow: hidden; /* if you don't want #second to wrap below #first */ |
| 550 | } |
Marc Kupietz | 81bf39c | 2017-11-29 17:04:35 +0100 | [diff] [blame] | 551 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 552 | #word { |
| 553 | width: 50%; |
| 554 | } |
Marc Kupietz | 81bf39c | 2017-11-29 17:04:35 +0100 | [diff] [blame] | 555 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 556 | #first { |
| 557 | margin-right: 20px; |
| 558 | float: left; |
| 559 | overflow: hidden; /* if you don't want #second to wrap below #first */ |
| 560 | // border: 1px solid green; |
| 561 | } |
| 562 | #tabs { |
| 563 | margin-right: 20px; |
| 564 | overflow: hidden; /* if you don't want #second to wrap below #first */ |
| 565 | } |
Marc Kupietz | df3d4b5 | 2017-11-29 16:57:27 +0100 | [diff] [blame] | 566 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 567 | .tabs-min { |
| 568 | background: transparent; |
| 569 | border: none; |
| 570 | } |
Marc Kupietz | df3d4b5 | 2017-11-29 16:57:27 +0100 | [diff] [blame] | 571 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 572 | .tabs-min .ui-widget-header { |
| 573 | background: transparent; |
| 574 | border: none; |
| 575 | border-bottom: 1px solid #c0c0c0; |
| 576 | -moz-border-radius: 0px; |
| 577 | -webkit-border-radius: 0px; |
| 578 | border-radius: 0px; |
| 579 | } |
Marc Kupietz | df3d4b5 | 2017-11-29 16:57:27 +0100 | [diff] [blame] | 580 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 581 | .tabs-min .ui-tabs-nav .ui-state-default { |
| 582 | background: transparent; |
| 583 | border: none; |
| 584 | } |
Marc Kupietz | df3d4b5 | 2017-11-29 16:57:27 +0100 | [diff] [blame] | 585 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 586 | .tabs-min .ui-tabs-nav .ui-state-active { |
| 587 | background: transparent url(derekovecs/img/uiTabsArrow.png) no-repeat bottom center; |
| 588 | border: none; |
| 589 | } |
Marc Kupietz | df3d4b5 | 2017-11-29 16:57:27 +0100 | [diff] [blame] | 590 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 591 | .tabs-min .ui-tabs-nav .ui-state-default a { |
| 592 | color: #c0c0c0; |
| 593 | } |
Marc Kupietz | df3d4b5 | 2017-11-29 16:57:27 +0100 | [diff] [blame] | 594 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 595 | .tabs-min .ui-tabs-nav .ui-state-active a { |
| 596 | color: rgb(246,168,0); |
| 597 | } |
Marc Kupietz | df3d4b5 | 2017-11-29 16:57:27 +0100 | [diff] [blame] | 598 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 599 | #embed { |
| 600 | max-width: 802px; |
| 601 | border: 1px solid #333; |
| 602 | } |
Marc Kupietz | 4abcd68 | 2017-11-28 20:51:08 +0100 | [diff] [blame] | 603 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 604 | #second { |
Marc Kupietz | b4b53ca | 2018-01-25 08:57:11 +0100 | [diff] [blame] | 605 | min-width: 700px; |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 606 | // border: 1px solid #333; |
| 607 | overflow: hidden; /* if you don't want #second to wrap below #first */ |
| 608 | } |
| 609 | #som2 svg { |
| 610 | border: 1px solid #333; |
| 611 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 612 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 613 | #cost { |
| 614 | font-size: 8pt; |
| 615 | color: #222222; |
| 616 | margin-top: 4px; |
| 617 | margin-bottom: 12px; |
| 618 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 619 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 620 | #sominfo1, #sominfo { |
| 621 | font-size: 8pt; |
| 622 | color: #222222; |
| 623 | margin-top: 0px; |
| 624 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 625 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 626 | #somcolor1, #somcolor2, #somcolor3 { |
| 627 | display: inline-block; |
| 628 | height: 10px; |
| 629 | width: 10px; |
| 630 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 631 | |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 632 | #third { |
| 633 | border: 1px solid #333; |
| 634 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 635 | |
Marc Kupietz | a0ffb39 | 2018-01-25 08:53:43 +0100 | [diff] [blame] | 636 | th { |
| 637 | color: rgb(246,168,0); |
| 638 | font-family: "Univers LT Std 47 Cn Lt", "Univers LT Std 67 Cn Lt", "Roboto Condensed", "Univers LT Std 67 Cn Bold", "UniversLTStd-BoldCn", "Times", 'League Gothic', Impact, sans-serif; |
| 639 | } |
| 640 | |
| 641 | p.citation { |
| 642 | font-size: 8pt; |
| 643 | color: #999999; |
| 644 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 645 | </style> |
Marc Kupietz | cdd5130 | 2018-03-19 16:36:54 +0100 | [diff] [blame^] | 646 | <script src="/derekovecs/js/derekovcs.js"></script> |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 647 | <script> |
| 648 | |
| 649 | var opt = {epsilon: <%= $epsilon %>, perplexity: <%= $perplexity %>}, |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 650 | mapWidth = 800, // width map |
| 651 | mapHeight = 800, |
| 652 | jitterRadius = 7; |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 653 | |
| 654 | var T = new tsnejs.tSNE(opt); // create a tSNE instance |
| 655 | |
| 656 | var Y; |
| 657 | |
| 658 | var data; |
| 659 | var labeler; |
| 660 | |
| 661 | function applyJitter() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 662 | svg.selectAll('.tsnet') |
| 663 | .data(labels) |
| 664 | .transition() |
| 665 | .duration(50) |
| 666 | .attr("transform", function(d, i) { |
| 667 | T.Y[i][0] = (d.x - mapWidth/2 - tx)/ss/20; |
| 668 | T.Y[i][1] = (d.y - mapHeight/2 - ty)/ss/20; |
| 669 | return "translate(" + |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 670 | (d.x) + "," + |
| 671 | (d.y) + ")"; |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 672 | }); |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 673 | } |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 674 | |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 675 | function updateEmbedding() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 676 | var Y = T.getSolution(); |
| 677 | svg.selectAll('.tsnet') |
| 678 | .data(data.words) |
| 679 | .attr("transform", function(d, i) { |
| 680 | return "translate(" + |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 681 | ((Y[i][0]*20*ss + tx) + mapWidth/2) + "," + |
| 682 | ((Y[i][1]*20*ss + ty) + mapHeight/2) + ")"; }); |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 683 | } |
| 684 | |
| 685 | var svg; |
| 686 | var labels = []; |
| 687 | var anchor_array = []; |
| 688 | var text; |
| 689 | |
| 690 | function drawEmbedding() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 691 | var urlprefix = new URLSearchParams(window.location.search); |
| 692 | urlprefix.delete("word"); |
| 693 | urlprefix.append("word",""); |
Marc Kupietz | 8f9c86a | 2017-12-04 17:17:13 +0100 | [diff] [blame] | 694 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 695 | $("#embed").empty(); |
| 696 | var div = d3.select("#embed"); |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 697 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 698 | // get min and max in each column of Y |
| 699 | var Y = T.Y; |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 700 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 701 | svg = div.append("svg") // svg is global |
| 702 | .attr("width", mapWidth) |
| 703 | .attr("height", mapHeight); |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 704 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 705 | var g = svg.selectAll(".b") |
| 706 | .data(data.words) |
| 707 | .enter().append("g") |
| 708 | .attr("class", "tsnet"); |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 709 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 710 | g.append("a") |
| 711 | .attr("xlink:href", function(word) { |
| 712 | return "?"+urlprefix+word; }) |
| 713 | .attr("class", function(d, i) { |
| 714 | var res=""; |
| 715 | if(data.marked[i]) { |
| 716 | res="marked "; |
| 717 | } |
| 718 | if(data.target.indexOf(" "+d+" ") >= 0) { |
| 719 | return res+"target"; |
| 720 | } else if(data.ranks[i] < data.mergedEnd) { |
| 721 | return res+"merged"; |
| 722 | } else { |
| 723 | return res; |
| 724 | } |
| 725 | }) |
| 726 | .attr("title", function(d, i) { |
| 727 | if(data.mergedEnd > 0) { |
| 728 | if(data.ranks[i] >= data.mergedEnd) { |
| 729 | return "rank: "+i +" "+"freq. rank: "+(data.ranks[i]).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); |
| 730 | } else { |
| 731 | return "rank: "+i +" "+"freq. rank: "+data.ranks[i].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + " (merged vocab)"; |
| 732 | } |
| 733 | } else { |
| 734 | return "rank: "+i +" "+"freq. rank: "+data.ranks[i].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); |
| 735 | } |
| 736 | }) |
| 737 | .append("text") |
| 738 | .attr("text-anchor", "top") |
| 739 | .attr("font-size", 12) |
| 740 | .text(function(d) { return d; }); |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 741 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 742 | var zoomListener = d3.behavior.zoom() |
| 743 | .scaleExtent([0.1, 10]) |
| 744 | .center([0,0]) |
| 745 | .on("zoom", zoomHandler); |
| 746 | zoomListener(svg); |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 747 | } |
| 748 | |
| 749 | var tx=0, ty=0; |
| 750 | var ss=1; |
| 751 | var iter_id=-1; |
| 752 | |
| 753 | function zoomHandler() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 754 | tx = d3.event.translate[0]; |
| 755 | ty = d3.event.translate[1]; |
| 756 | ss = d3.event.scale; |
| 757 | updateEmbedding(); |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 758 | } |
| 759 | |
| 760 | var stepnum = 0; |
| 761 | |
| 762 | function stopStep() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 763 | clearInterval(iter_id); |
| 764 | text = svg.selectAll("text"); |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 765 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 766 | // jitter function needs different data and co-ordinate representation |
| 767 | labels = d3.range(data.words.length).map(function(i) { |
| 768 | var x = (T.Y[i][0]*20*ss + tx) + mapWidth/2; |
| 769 | var y = (T.Y[i][1]*20*ss + ty) + mapHeight/2; |
| 770 | anchor_array.push({x: x, y: y, r: jitterRadius}); |
| 771 | return { |
| 772 | x: x, |
| 773 | y: y, |
| 774 | name: data.words[i] |
| 775 | }; |
| 776 | }); |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 777 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 778 | // get the actual label bounding boxes for the jitter function |
| 779 | var index = 0; |
| 780 | text.each(function() { |
| 781 | labels[index].width = this.getBBox().width; |
| 782 | labels[index].height = this.getBBox().height; |
| 783 | index += 1; |
| 784 | }); |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 785 | |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 786 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 787 | // setTimeout(updateEmbedding, 1); |
| 788 | // setTimeout( |
| 789 | labeler = d3.labeler() |
| 790 | .label(labels) |
| 791 | .anchor(anchor_array) |
| 792 | .width(mapWidth) |
| 793 | .height(mapHeight) |
| 794 | .update(applyJitter); |
| 795 | // .start(1000); |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 796 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 797 | iter_id = setInterval(jitterStep, 1); |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 798 | } |
| 799 | |
| 800 | var jitter_i=0; |
| 801 | |
| 802 | function jitterStep() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 803 | if(jitter_i++ > 100) { |
| 804 | clearInterval(iter_id); |
| 805 | } else { |
| 806 | labeler.start2(10); |
| 807 | applyJitter(); |
| 808 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 809 | } |
| 810 | |
| 811 | var last_cost=1000; |
| 812 | |
| 813 | function step() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 814 | var i = T.iter; |
Marc Kupietz | 34c0817 | 2017-11-29 17:08:47 +0100 | [diff] [blame] | 815 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 816 | if(i > <%= $no_iterations %>) { |
| 817 | stopStep(); |
| 818 | } else { |
| 819 | var cost = Math.round(T.step() * 100000) / 100000; // do a few steps |
| 820 | $("#cost").html("tsne iteration " + i + ", cost: " + cost.toFixed(5)); |
| 821 | if(i % 250 == 0 && cost >= last_cost) { |
| 822 | stopStep(); |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 823 | } else { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 824 | last_cost = cost; |
| 825 | updateEmbedding(); |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 826 | } |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 827 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 828 | } |
| 829 | |
| 830 | function showMap(j) { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 831 | data=j; |
| 832 | T.iter=0; |
| 833 | iter_id = -1; |
| 834 | last_cost=1000; |
| 835 | T.initDataRaw(data.vecs); // init embedding |
| 836 | drawEmbedding(); // draw initial embedding |
Marc Kupietz | 7811453 | 2017-11-29 17:00:16 +0100 | [diff] [blame] | 837 | |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 838 | if(iter_id >= 0) { |
| 839 | clearInterval(iter_id); |
| 840 | } |
| 841 | //T.debugGrad(); |
| 842 | iter_id = setInterval(step, 1); |
| 843 | if(true) { // (<%= $show_som %>) { |
| 844 | makeSOM(j, <%= $no_iterations %>); |
| 845 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 846 | } |
Marc Kupietz | 39179ab | 2017-07-04 16:28:06 +0200 | [diff] [blame] | 847 | var queryword; |
| 848 | |
Marc Kupietz | 66bfd95 | 2017-12-11 09:59:45 +0100 | [diff] [blame] | 849 | function showCollocatorSOM() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 850 | if (collocatorTable) { |
| 851 | var ctableData = collocatorTable.rows().data(); |
| 852 | var nwords = [], |
| 853 | nranks = []; |
| 854 | for (var i=0; i < ctableData.length && i < 100; i++) { |
| 855 | nranks.push(ctableData[i].rank); |
| 856 | nwords.push(ctableData[i].word); |
Marc Kupietz | 66bfd95 | 2017-12-11 09:59:45 +0100 | [diff] [blame] | 857 | } |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 858 | $.post('/derekovecs/getVecsByRanks', |
| 859 | JSON.stringify(nranks), |
| 860 | function(data, status){ |
| 861 | showMap({target: " "+urlParams.get('word')+" ", mergedEnd: 0, words: nwords, vecs: data, ranks: nranks, marked: Array(100).fill(false)} ); |
| 862 | }, 'json'); |
| 863 | } |
Marc Kupietz | 66bfd95 | 2017-12-11 09:59:45 +0100 | [diff] [blame] | 864 | } |
| 865 | |
Marc Kupietz | 39179ab | 2017-07-04 16:28:06 +0200 | [diff] [blame] | 866 | function onload() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 867 | queryword = document.getElementById('word'); |
Marc Kupietz | 39179ab | 2017-07-04 16:28:06 +0200 | [diff] [blame] | 868 | } |
| 869 | |
| 870 | function queryKorAP() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 871 | window.open('http://korap.ids-mannheim.de/kalamar/?q='+queryword.value, 'KorAP'); |
Marc Kupietz | 39179ab | 2017-07-04 16:28:06 +0200 | [diff] [blame] | 872 | } |
Marc Kupietz | 4dc270c | 2017-11-24 10:17:12 +0100 | [diff] [blame] | 873 | |
| 874 | function queryKorAPCII(query) { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 875 | window.open('http://korap.ids-mannheim.de/kalamar/?ql=cosmas2&q='+query, 'KorAP'); |
Marc Kupietz | 4dc270c | 2017-11-24 10:17:12 +0100 | [diff] [blame] | 876 | } |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 877 | </script> |
| 878 | </head> |
Marc Kupietz | 39179ab | 2017-07-04 16:28:06 +0200 | [diff] [blame] | 879 | <body onload="onload()"> |
Marc Kupietz | 5a7f9ac | 2018-01-30 11:22:44 +0100 | [diff] [blame] | 880 | <div style="display:none;" id="lfmd_ttt">PMI cubed [1], also called log-frequency biased mutual dependency [2]: $$\text{PMI}^3=\text{LFMD}=log_2\frac{p^3(w_1,w_2)}{p(w_1) p(w_2)}$$<p class="citation">[1] Daille, B. (1994): <a href="http://www.bdaille.com/index.php?option=com_docman&task=doc_download&gid=8&Itemid=">Approche mixte pour l’extraction automatique de terminologie: statistiques lexicales et filtres linguistiques</a>. PhD thesis, Université Paris 7.</p><p class="citation">[2] Thanopoulos, A., Fakotakis, N., Kokkinakis, G. (2002): <a href="http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.11.8101&rep=rep1&type=pdf">Comparative evaluation of collocation extraction metrics</a>. In: Proc. of LREC 2002: 620–625.</p></div> |
Marc Kupietz | a0ffb39 | 2018-01-25 08:53:43 +0100 | [diff] [blame] | 881 | <div style="display:none;" id="npmi_ttt">Normalized pointwise mutual information: $$\frac{log_2\frac{p(w_1,w_2)}{p(w_1)p(w_2)}}{-log_2(p(w_1,w_2))}$$<p class="citation">Bouma, Gerlof (2009): <a href="https://svn.spraakdata.gu.se/repos/gerlof/pub/www/Docs/npmi-pfd.pdf">Normalized (pointwise) mutual information in collocation extraction</a>. In Proceedings of GSCL.</p></div> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 882 | <div id="header"> |
| 883 | <div id="pagetitle"> |
| 884 | <h1>DeReKo-Vectors</h1> |
Marc Kupietz | 4fcda0c | 2017-11-29 09:00:31 +0100 | [diff] [blame] | 885 | </div> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 886 | <div id="options" class="widget"> |
| 887 | <form id="queryform"> |
| 888 | <input id="word" type="text" name="word" placeholder="Word(s) to be searched" value="<%= $word %>" |
| 889 | title="When looking for multiple words use spaces as separators to search around the average vector and | as separator to get the neighbours for each word."/> |
| 890 | <input id="SEARCH" type="button" value="SEARCH"> |
| 891 | <input type="button" id="showoptions" name="showoptions" value="Options" /> |
| 892 | </form> |
| 893 | <div id="dropdownoptions" style="display: none"> |
| 894 | <form id="optionsform"> |
| 895 | <div class="controlgroup-vertical"> |
| 896 | <label for="cutoff">cut-off</label> |
| 897 | <input id="cutoff" type="text" name="cutoff" size="10" value="<%= $cutoff %>" title="Only consider the most frequent x word forms."> |
| 898 | <label for="dedupe">dedupe</label> |
| 899 | <input id="dedupe" type="checkbox" name="dedupe" value="1" <%= ($dedupe ? "checked" : "") %> title="radically filter out any near-duplicates"> |
| 900 | % if($mergedEnd > 0) { |
| 901 | <label for="sbf">backw.</label> |
| 902 | <input id="sbf" type="checkbox" name="sbf" value="1" <%= ($searchBaseVocabFirst ? "checked" : "") %> title="If checkecked base vocabulary will be searched first. Otherwise merged vocabulray will be searched first."> |
| 903 | % } |
| 904 | <label for="neighbours">max. neighbours:</label> |
| 905 | <input id="neighbours" size="4" name="n" value="<%= $no_nbs %>"> |
| 906 | <label for="no_iterations">max. iterations</label> |
| 907 | <input id="no_iterations" name="N" size="4" value="<%= $no_iterations %>"> |
| 908 | <!-- <label for="dosom">SOM</label> |
| 909 | <input id="dosom" type="checkbox" name="som" value="1" <%= ($show_som ? "checked" : "") %>> --> |
| 910 | % if($collocators) { |
| 911 | <label for="sortby">window/sort</label> |
| 912 | <select id="sortby" name="sort"> |
| 913 | <option value="0" <%= ($sort!=1 && $sort!=2? "selected":"") %>>auto focus</option> |
| 914 | <!-- <option value="1" <%= ($sort==1? "selected":"") %>>any single position</option> |
| 915 | <option value="2" <%= ($sort==2? "selected":"") %>>whole window</option> --> |
| 916 | </select> |
| 917 | % } |
| 918 | <input type="button" value="→ KorAP" onclick="queryKorAP();" title="query word with KorAP"/> |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 919 | <input id="show-details" type="checkbox" name="show-details" value="1" > |
| 920 | <label for="show-details"> |
| 921 | Show details |
| 922 | </label> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 923 | </div> |
| 924 | </form> |
| 925 | </div> |
| 926 | </div> |
| 927 | </div> |
| 928 | <div id="topwrapper"> |
| 929 | <div style="visibility: hidden;" id="tabs"> |
| 930 | <ul> |
| 931 | <li><a href="#tabs-1">Semantics (TSNE-map)</a></li> |
| 932 | <li><a href="#tabs-2">Semantics (SOM)</a></li> |
| 933 | <li><a href="#tabs-3">Syntagmatic (collocators)</a></li> |
| 934 | </ul> |
| 935 | <div id="tabs-1"> |
| 936 | % if($lists && (@$lists) > 0 && (@$lists)[0]) { |
| 937 | <div id="wrapper"> |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 938 | <div id="first" style="min-width: 320px; margin-bottom: 15px;"> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 939 | <table class="display compact nowrap" id="firsttable"> |
| 940 | <thead> |
| 941 | <tr> |
| 942 | <th align="right">#</th><th align="right">cos</th><th align="left">similars</th> |
| 943 | </tr> |
| 944 | </thead> |
| 945 | <tbody> |
| 946 | <tr> |
| 947 | <td align="right"> |
| 948 | </td> |
| 949 | <td align="right"> |
| 950 | </td> |
| 951 | <td></td> |
| 952 | </tr> |
| 953 | </tbody> |
| 954 | </table> |
| 955 | </div> |
| 956 | <script> |
| 957 | </script> |
| 958 | <div id="second"> |
| 959 | <div id="embed"> |
| 960 | </div> |
| 961 | <div id="cost"> |
| 962 | </div> |
| 963 | </div> |
| 964 | </div> |
| 965 | % } elsif($word !~ /^\s*$/) { |
| 966 | <div id="wrapper"> |
| 967 | <div id="not-found-dialog" title="Not found"> |
| 968 | <p>ERROR: "<%= $word %>" not found in vocabluary.</p> |
| 969 | <p>If you are sure you have spelled the word as intended, you can try to increase the cutoff parameter in the options menu.</p> |
| 970 | </div> |
| 971 | <script> |
| 972 | $( function() { |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 973 | $( "#not-found-dialog" ).dialog({ |
| 974 | autoOpen: true, |
| 975 | modal: true, |
| 976 | draggable: false, |
| 977 | height: "auto", |
| 978 | width: "auto", |
| 979 | resizable: false, |
| 980 | buttons: { |
| 981 | "OK": function() { |
| 982 | $( this ).dialog( "close" ); |
| 983 | }, |
| 984 | "Apply": function() { |
| 985 | window.open($(location).attr('pathname')+'?'+$('form').serialize(), "_self"); |
| 986 | } |
| 987 | } |
| 988 | }); |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 989 | }); |
| 990 | </script> |
| 991 | </div> |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 992 | % } |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 993 | </div> |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 994 | <div id="tabs-2" style="display: flex; padding: 5px; flex-flow: row wrap;"> |
Marc Kupietz | 66bfd95 | 2017-12-11 09:59:45 +0100 | [diff] [blame] | 995 | <div id="som2" style="width: 800;"> |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 996 | <div id="sominfo1"><span id="somcolor1"> </span> <span id="somword1"> </span> <span id="somcolor2"> </span> <span id="somword2"> </span> <span id="somcolor3"> </span></div> |
| 997 | <div id="sominfo" style="text-align: right">SOM iteration <span id="iterations">0</span></div> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 998 | </div> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 999 | </div> |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 1000 | <div id="tabs-3" style="display: flex; padding:5px; flex-flow: row wrap;"> |
| 1001 | <div style="margin-right: 20px; margin-bottom: 10px;" id="secondt"> |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 1002 | <table class="display compact nowrap" id="secondtable"> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 1003 | <thead> |
| 1004 | <tr> |
| 1005 | % if($collocators) { |
| 1006 | <th>#</th> |
Marc Kupietz | 4116b43 | 2017-12-06 14:15:32 +0100 | [diff] [blame] | 1007 | <th align="center" title="Activation of the respective collocator in the columns around the target normalized by its maximum (red). Columns selected by the auto-focus funtion (which window of all possible column-combinations maximizes ⊥(a/c)?) are marked with +. Click on the column postions to lauch a KorAP query with target word and collocator in the respective position.">w'</th> |
| 1008 | <th align="right" title="Maximum activation of the collocator anywhere in the output layer.">max(a)</th> |
| 1009 | <th title="Average raw activation of the collocator in the columns selected by auto-focus." align="right">⟨a⟩</th> |
| 1010 | <th title="Sum of activations over the selected colunns normalized by the total activation sum of the selected columns." align="right">Σa/Σw'</th> |
| 1011 | <th title="Co-norm of the column-normalized activations over the colunns selected by the auto-focus." align="right">⊥(a/c)</th> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 1012 | <th title="Sum of the activations over the whole window normalized by the total window sum (no auto-focus)." align="right">Σa/Σw</th> |
| 1013 | <th align="left">collocator</th> |
| 1014 | % } |
| 1015 | </tr> |
| 1016 | </thead> |
| 1017 | <tbody> |
| 1018 | <tr> |
| 1019 | <td align="right"> |
| 1020 | </td> |
| 1021 | <td align="right"> |
| 1022 | </td> |
| 1023 | <td align="right"> |
| 1024 | </td> |
| 1025 | <td align="right"> |
| 1026 | </td> |
| 1027 | <td align="right"> |
| 1028 | </td> |
| 1029 | <td align="right"> |
| 1030 | </td> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 1031 | </tr> |
| 1032 | </tbody> |
| 1033 | </table> |
Marc Kupietz | 66bfd95 | 2017-12-11 09:59:45 +0100 | [diff] [blame] | 1034 | </div> |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 1035 | <div id="ccd" style=""> |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 1036 | <table class="display compact nowrap" id="classicoloctable"> |
| 1037 | <thead> |
Marc Kupietz | cd136e2 | 2018-01-29 09:18:12 +0100 | [diff] [blame] | 1038 | % if($collocators) { |
| 1039 | <tr> |
| 1040 | <th>LLR</th> |
Marc Kupietz | 5a7f9ac | 2018-01-30 11:22:44 +0100 | [diff] [blame] | 1041 | <th id="lfmd_tt">PMI³</th> |
Marc Kupietz | cd136e2 | 2018-01-29 09:18:12 +0100 | [diff] [blame] | 1042 | <th id="npmi_tt">nPMI</th> |
Marc Kupietz | 5a7f9ac | 2018-01-30 11:22:44 +0100 | [diff] [blame] | 1043 | <th title="PMI³ restricted to left neighbour">l-PMI³</th> |
| 1044 | <th title="PMI³ restricted to right neighbour">r-PMI³</th> |
| 1045 | <th title="nPMI restricted to left neighbour">l-nPMI</th> |
| 1046 | <th title="nPMI restricted to right neighbour">r-nPMI</th> |
Marc Kupietz | cd136e2 | 2018-01-29 09:18:12 +0100 | [diff] [blame] | 1047 | <th title="raw max frequency of collocation within window">raw</th> |
| 1048 | <th>collocator</th> |
| 1049 | </tr> |
Marc Kupietz | 1acb317 | 2018-02-17 09:41:26 +0100 | [diff] [blame] | 1050 | % } |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 1051 | </thead> |
| 1052 | <tbody> |
| 1053 | <tr> |
| 1054 | <td align="right"> |
| 1055 | </td> |
| 1056 | <td align="right"> |
| 1057 | </td> |
| 1058 | <td align="right"> |
| 1059 | </td> |
| 1060 | <td align="right"> |
| 1061 | </td> |
Marc Kupietz | cfcdcfc | 2018-01-24 09:51:26 +0100 | [diff] [blame] | 1062 | <td align="right"> |
| 1063 | </td> |
| 1064 | <td align="right"> |
| 1065 | </td> |
Marc Kupietz | b4b53ca | 2018-01-25 08:57:11 +0100 | [diff] [blame] | 1066 | <td align="right"></td> |
| 1067 | <td align="right"></td> |
| 1068 | <td align="left"></td> |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 1069 | </tr> |
| 1070 | </tbody> |
| 1071 | </table> |
| 1072 | </div> |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 1073 | <!-- |
Marc Kupietz | e6a7a73 | 2018-01-12 09:21:08 +0100 | [diff] [blame] | 1074 | <div style="clear:both" ></div> |
Marc Kupietz | 66bfd95 | 2017-12-11 09:59:45 +0100 | [diff] [blame] | 1075 | <div style="float: right; overflow: hidden" id="extra"><button onClick="showCollocatorSOM()"> </button></div> |
Marc Kupietz | deb8f62 | 2018-03-12 09:41:00 +0100 | [diff] [blame] | 1076 | --> |
Marc Kupietz | 66bfd95 | 2017-12-11 09:59:45 +0100 | [diff] [blame] | 1077 | </div> |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 1078 | </div> |
| 1079 | </div> <!-- topwrapper --> |
| 1080 | <div style="clear: both;"></div> |
| 1081 | </div> |
Marc Kupietz | ebea470 | 2018-01-12 09:16:09 +0100 | [diff] [blame] | 1082 | % if($training_args && (@$lists)[0]) { |
| 1083 | <div class="info"> |
| 1084 | % if($training_args =~ /-type\s*3/) { |
| 1085 | Calculations are based on a word embedding model trained with an extension of <a href="https://github.com/wlin12/wang2vec/">wang2vec</a> using the following parameters: <%= $training_args %> |
| 1086 | % } else { |
| 1087 | Calculations are based on a word embedding model trained with <a href="https://code.google.com/p/word2vec/">word2vec</a> using the following parameters: <%= $training_args %> |
| 1088 | % } |
| 1089 | </div> |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 1090 | % } |
Marc Kupietz | 5827066 | 2017-12-04 12:10:06 +0100 | [diff] [blame] | 1091 | </body> |
Marc Kupietz | 8330522 | 2016-04-28 09:57:22 +0200 | [diff] [blame] | 1092 | </html> |