-
Notifications
You must be signed in to change notification settings - Fork 51
/
jslda.html
91 lines (75 loc) · 3.48 KB
/
jslda.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
<html>
<head>
<script type="text/javascript" src="d3.min.js"></script>
<script type="text/javascript" src="xregexp-all-min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Alegreya' rel='stylesheet' type='text/css'>
<link href='jslda.css' rel='stylesheet' type='text/css'>
<style>
</style>
</head>
<body>
<div id="tooltip"></div>
<div id="main">
<div id="form" class="top">
<button id="sweep">Run 50 iterations</button>
Iterations: <span id="iters">0</span>
<span id="num_topics_control">Train with <input id="num-topics-input" type="range" name="topics" value="25" min="3" max="100" oninput="updateTopicCount(this)" onchange="onTopicsChange(this)"/> <span id="num_topics_display">25</span> topics</span>
</div>
<div class="sidebar">
<div id="topics" class="sidebox">
</div>
</div>
<div id="tabwrapper">
<div class="tabs">
<ul>
<li id="docs-tab" class="selected">Topic Documents</li>
<li id="corr-tab">Topic Correlations</li>
<li id="ts-tab">Time Series</li>
<li id="dl-tab">Downloads</li>
<li id="vocab-tab">Vocabulary</li>
</ul>
</div>
<div id="pages">
<div id="docs-page" class="page">
<div class="upload">
<form onSubmit="event.preventDefault(); queueLoad();">
<div>Use a different collection:</div>
<div>Documents <input id="docs-file-input" type="file" onchange="onDocumentFileChange(this)" size="10"/></div>
<div>Stoplist <input id="stops-file-input" type="file" onchange="onStopwordFileChange(this)" size="10"/></div>
<div><button id="load-inputs">Upload</button></div>
</form>
</div>
<div class="help">Documents are sorted by their proportion of the currently selected topic, biased to prefer longer documents.</div>
</div>
<div id="vocab-page" class="page">
<div class="help">Words occurring in only one topic have specificity 1.0, words evenly distributed among all topics have specificity 0.0. <button id="showStops">Show stopwords</button>
<button id="sortVocabByTopic">Sort by topic</button>
</div>
<table id="vocab-table">
<thead><th>Word</th><th>Frequency</th><th>Topic Specificity</th><th>Stoplist</th></thead>
<tbody></tbody>
</table>
</div>
<div id="ts-page" class="page">
<div class="help">Documents are grouped by their "date" field (the second column in the input file). These plots show the average document proportion of each topic at each date value. Date values are <i>not</i> parsed, but simply sorted in the order they appear in the input file.</div>
<div class="help"></div>
</div>
<div id="corr-page" class="page">
<div class="help">Topics that occur together more than expected are blue, topics that occur together less than expected are red.</div>
</div>
<div id="dl-page" class="page">
<div class="help">Each file is in comma-separated format.</div>
<ul>
<li><a id="doctopics-dl" href="javascript:;" download="doctopics.csv" onclick="saveDocTopics()">Document topics</a></li>
<li><a id="topicwords-dl" href="javascript:;" download="topicwords.csv" onclick="saveTopicWords()">Topic words</a></li>
<li><a id="keys-dl" href="javascript:;" download="keys.csv" onclick="saveTopicKeys()">Topic summaries</a></li>
<li><a id="topictopic-dl" href="javascript:;" download="topictopic.csv" onclick="saveTopicPMI()">Topic-topic connections</a></li>
<li><a id="graph-dl" href="javascript:;" download="gephi.csv" onclick="saveGraph()">Doc-topic graph file (for Gephi)</a></li>
<li><a id="state-dl" href="javascript:;" download="state.csv" onclick="saveState()">Complete sampling state</a></li>
</ul>
</div>
</div>
</div>
<script src="jslda.js"></script>
</body>
</html>