Skip to content

Commit c3eab96

Browse files
huyen-nguyenhuyen-nguyen
committed
Update customize
1 parent 116fa38 commit c3eab96

41 files changed

Lines changed: 1000 additions & 651 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎Description‎

100755100644
File mode changed.

‎README.md‎

100755100644
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
# WordStream: An Interactive Tool for Topic Evolution
1+
# WordStream
22

3-
Demo: https://idatavisualizationlab.github.io/WordStream/
3+
Demo: https://nnhuyen.github.io/WordStream/
44

55
![ScreenShot](https://github.com/nnhuyen/WordStream/blob/master/images/Huffington.png)
66

‎ResultData.xlsx‎

100755100644
File mode changed.

‎ResultDataNew.xlsx‎

100755100644
1.51 KB
Binary file not shown.

‎data/VIS_papers.tsv‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎data/WikiNews.tsv‎

Lines changed: 351 additions & 351 deletions
Large diffs are not rendered by default.

‎demo.html‎

Lines changed: 177 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
6+
<title>WordStream</title>
7+
<link rel="shortcut icon" href="images/ws.png">
8+
<script src="./lib/d3.min.js"></script>
9+
<script src="./lib/d3.v4.min.js"></script>
10+
<script src="./lib/progressbar.min.js"></script>
11+
<script src="./lib/d3-queue.v3.min.js"></script>
12+
<script src="./lib/loaddata.js"></script>
13+
<script src="javascripts/quantum.js"></script>
14+
<script src="./lib/d3.layout.wordstream.js"></script>
15+
<script src="lib/d3.slider.js"></script>
16+
<script src="./test/testutil.js"></script>
17+
<script src="javascripts/jquery/jquery-1.9.0.min.js"></script>
18+
19+
<script src="javascripts/msdropdown/jquery.dd.js"></script>
20+
<script src="javascripts/msdropdown/select.js"></script>
21+
<link rel="stylesheet" type="text/css" href="styles/msdropdown/dd.css" />
22+
<link rel="stylesheet" type="text/css" href="styles/main.css" media="screen"/>
23+
<link rel="stylesheet" type="text/css" href="styles/d3.slider.css">
24+
25+
<script src="./lib/fisheye.js"></script>
26+
<script src="./lib/select2.min.js"></script>
27+
<script src="javascripts/sliderRelationship.js"></script>
28+
<script src="javascripts/streamGraph.js"></script>
29+
<script src="javascripts/stopList.js"></script>
30+
<link href="styles/jquery-ui.css" rel="stylesheet" type="text/css" />
31+
<script src="javascripts/saveFriesCards.js"></script>
32+
33+
34+
</head>
35+
<body>
36+
<div id="loadingSpinner">
37+
<!-- <span id="progressText"> -->
38+
</div>
39+
<div class="title ">
40+
WordStream: Interactive Tool for Topic Evolution
41+
42+
</div>
43+
44+
<svg width="360px" height="375px" class="cp" id="cp">
45+
<text y="15px" font-weight="600">Control Panel</text>
46+
</svg>
47+
48+
<div id="holder1" class="dropdownList">
49+
<select id="datasetsSelect" class="styled-select" onchange="loadNewData.call(this, event)"></select>
50+
</div>
51+
52+
<script src='https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.0.1/spin.min.js'></script> <!-- Spinner when loading -->
53+
54+
<script type='text/javascript' src="https://code.jquery.com/ui/1.11.0/jquery-ui.min.js"> </script>
55+
<link href="styles/jquery-ui.css" rel="stylesheet" type="text/css" />
56+
57+
<!--Time arcs-->
58+
59+
<!--✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ Slider ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿-->
60+
<div id="menu" class="holderCP" style="display: inline-block">
61+
62+
<p><span id="heightText" class="heightText textSlider"></span>
63+
<img class="heightIcon icon" src="images/height.png" style="width:35px;height:35px;">
64+
</p>
65+
<div id="heightSlider" class="haxis slider" ></div>
66+
67+
<p><img class="widthIcon icon" src="images/width.png" style="width:35px;height:35px;">
68+
<span id="widthText" class="widthText textSlider"></span>
69+
</p>
70+
<div id="widthSlider" class="waxis slider" ></div>
71+
72+
<p><img class="fontIcon icon" src="images/font.png" style="width:35px;height:35px;">
73+
<span class="fontText textSlider">
74+
<span id="fontMin"></span>,
75+
<span id="fontMax"></span>
76+
</span>
77+
</p>
78+
<div id="fontSlider" class="fontAxis slider" ></div>
79+
80+
<img class="topRankIcon icon" src="images/toprank3.png">
81+
82+
<p class="textSlider flow">Flow</p>
83+
<img class="flow" style="left: 68px; width: 33px; height: 23px" src="images/flow.png">
84+
<label class="switch flow" style="left: 105px;">
85+
<input type="checkbox" id="flow"
86+
onclick="submitInput(updateData)">
87+
88+
<span class="toggle round"></span>
89+
</label>
90+
91+
<p class="textSlider angleVariance">Angle Variance</p>
92+
<img class="angleVariance" style="top: 302px;left: 278px;width: 32px; height: 35px" src="images/av.png">
93+
<label class="switch angleVariance" style="left: 315px">
94+
<input type="checkbox" id = "av"
95+
onclick="submitInput(updateData)">
96+
<span class="toggle round"></span>
97+
</label>
98+
99+
<p class="textSlider rel">Relationships</p>
100+
<label class="switch rel" style="left: 315px;">
101+
<input type="checkbox" id="rel" onclick="showRelationship()">
102+
<span class="toggle round"></span>
103+
</label>
104+
<input class="submit" onclick="submitInput(updateData)" type="button" value="Submit"><br>
105+
106+
</div>
107+
<div id="progressBar"></div>
108+
<!--<script>-->
109+
<!--var bar = new ProgressBar.Line(progressBar, {-->
110+
<!--strokeWidth: 4,-->
111+
<!--easing: 'easeInOut',-->
112+
<!--duration: 1400,-->
113+
<!--color: '#FFEA82',-->
114+
<!--trailColor: '#eee',-->
115+
<!--trailWidth: 1,-->
116+
<!--svgStyle: {width: '100%', height: '100%'},-->
117+
<!--text: {-->
118+
<!--style: {-->
119+
<!--// Text color.-->
120+
<!--// Default: same as stroke color (options.color)-->
121+
<!--color: '#999',-->
122+
<!--position: 'absolute',-->
123+
<!--right: '0',-->
124+
<!--top: '30px',-->
125+
<!--padding: 0,-->
126+
<!--margin: 0,-->
127+
<!--transform: null-->
128+
<!--},-->
129+
<!--autoStyleContainer: false-->
130+
<!--},-->
131+
<!--from: {color: '#FFEA82'},-->
132+
<!--to: {color: '#ED6A5A'},-->
133+
<!--step: (state, bar) => {-->
134+
<!--bar.setText(Math.round(bar.value() * 100) + ' %');-->
135+
<!--}-->
136+
<!--});-->
137+
138+
<!--bar.animate(1.0); // Number from 0.0 to 1.0-->
139+
<!--</script>-->
140+
<script src="javascripts/init.js"></script>
141+
<script src="javascripts/main.js"></script>
142+
<script>
143+
d3.select("#heightText").text(initHeight);
144+
d3.select("#widthText").text(initWidth);
145+
d3.select("#fontMin").text(initMinFont);
146+
d3.select("#fontMax").text(initMaxFont);
147+
</script>
148+
<script src="javascripts/update.js"></script>
149+
<script>
150+
updateTopRank();
151+
</script>
152+
153+
<!--<script src="javascripts/util.js"></script>-->
154+
<!--<script type='text/javascript' src="javascripts/timeArcs.js"></script>-->
155+
<!--<div style="display: block"></div>-->
156+
<!--<input type="checkbox" id="checkbox1" value="value2" class="check" onclick="update()">-->
157+
<!--<label for="checkbox1" >Area graph only</label>-->
158+
159+
<!--<input id="search">-->
160+
<!--<button type="button" onclick="searchNode()">Search</button>-->
161+
162+
<!--<progress value="0" max="100" id="progBar">-->
163+
<!--<span id="downloadProgress">-->
164+
<!--&lt;!&ndash; Your fallback goes here &ndash;&gt;-->
165+
<!--</span>-->
166+
<!--</progress>-->
167+
<!--<label id="progUpdate">-->
168+
<!--&lt;!&ndash; Success Message &ndash;&gt;-->
169+
<!--</label>-->
170+
<!--<br>-->
171+
<!--<button onclick="saveTimeArcsData()">Save data for TimeArcs</button>-->
172+
173+
<!--<script src="javascripts/searchBox.js"></script><br>-->
174+
<!--Time axis goes from left to right<br>-->
175+
<!--Terms often appeared together in a blog are connected by a thicker link.<br>-->
176+
</body>
177+
</html>

‎displayRate.xlsx‎

100755100644
File mode changed.

‎images/.DS_Store‎

100755100644
File mode changed.

‎images2/.DS_Store‎

100755100644
File mode changed.

0 commit comments

Comments
 (0)