Skip to content

Commit 32f40f0

Browse files
committed
Update video
1 parent 2d18d0d commit 32f40f0

5 files changed

Lines changed: 22 additions & 3 deletions

File tree

.DS_Store

0 Bytes
Binary file not shown.

README.md

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,19 @@
11
# WordStream
22

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

5-
![ScreenShot](https://github.com/nnhuyen/WordStream/blob/master/images/Huffington.png)
5+
6+
7+
Video: https://www.youtube.com/watch?v=DwaDMPhi2Ec
8+
9+
[![WS](https://github.com/nnhuyen/WordStream/blob/master/images/Huffington.png)](https://www.youtube.com/watch?v=DwaDMPhi2Ec "Everything Is AWESOME")
610

711
*WordStream* is a visualization technique for demonstrating the evolution of a topic over time. This is a hybrid
812
technique from Wordle and StreamGraph, which conveys textual data with both global and local perpsectives. Global trends
913
is described by the total stream, in which thickness represents amount of interest/concern in that specific
1014
timepoint. Local trend is retrieved from an individual stream.
1115

16+
1217
Timeline is shown from
1318
left to right, in the bottom of the interface. The categories for textual data are color-encoded, for example:
1419
- Blue for *person*
@@ -21,6 +26,19 @@ The importance of a word is represented by its font size and opacity. In this st
2126
attention](https://www.cs.uic.edu/~tdang/TimeArcs/EuroVis2016/TimeArcs_Dang_EuroVis2016.pdf): a word which appear repeatedly throughout the timeline conveys less and less meaning than in its first
2227
appearance. A word's sudden attention is a function of frequency, which is big when the previous timestep has small
2328
frequency and this current timestep has high frequency.
29+
30+
![ScreenShot](https://github.com/nnhuyen/WordStream/blob/master/media/highlight.png)
31+
32+
WordStream shows the remarkable topics by emphasizing them with font size and opacity.
33+
34+
In Mar 2012, users can quickly see the names such as Trayvon Martin - George Zimmerman (person) and Sanford (location), regarding the Trayvon Martin shooting by George Zimmerman. The event happened in Sanford in late February 2012, but the investigation and news appear in the next month, March.
35+
36+
In August 2012, some remarkable terms are Todd Akin and Paul Ryan (person), with Romney-Ryan (other). Romney-Ryan is Mitt Romney and Paul Ryan, the 2012 Republican presidential ticket. Todd Akin is a representative who had controversial statement during the Senate race, and Paul Ryan is a co-sponsored with him on the bill.
37+
38+
In December 2012, Sandy Hook, Newtown, Lanza and NRA are the emphasized terms. This relates to Sandy Hook Elementary School shooting in Newtown, Connecticut by the shooter Adam Lanza. The shooting caused many questions of gun control legislation to NRA (National Rifle Association).
39+
40+
The connection can be seen clearer by the relationship between them. Turning on feature “Relationship” will show the
41+
underlying relationships of terms. Here, we consider the relationship base on co-occurrences. Mouseover a link can highlight that connection and the pair of words.
2442

2543
## Control Panel and Metrics
2644

index.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,8 @@
4242
<a href="demo.html" class="w3-bar-item w3-button w3-mobile w3-right nav" >Demo</a>
4343
<a href="index.html" class="w3-bar-item w3-button w3-mobile w3-right nav " style="background-color: #cdcdcd">Video</a>
4444
</div>
45-
<center><iframe width="95%" height="800" src="media/WSvideo.mp4" frameborder="0"
45+
<center><iframe width="95%" height="900" src="media/ws.mp4" frameborder="0"
4646
allowfullscreen></iframe></center>
47+
4748
</body>
4849
</html>

media/highlight.png

1.15 MB
Loading
Binary file not shown.

0 commit comments

Comments
 (0)