-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
68 lines (68 loc) · 4.48 KB
/
index.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
<html>
<head>
<title>Explore word analogies</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="An interactive projection of GloVe word vectors in D3.js.">
<meta name="keywords" content="glove,word2vec,analogy,d3js,gender">
<meta name="author" content="Julia Bazińska, Piotr Migdał">
<link rel="stylesheet" type="text/css" href="tagoverflow.css">
<meta property='og:title' content="Explore word analogies">
<meta property='og:url' content="https://lamyiowce.github.io/word2viz/">
<meta property='og:description' content="An interactive projection of GloVe word vectors in D3.js.">
<meta property='og:image' content="https://lamyiowce.github.io/word2viz/word2viz_screenshot.png">
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="src/utils.js" type="text/javascript"></script>
<script src="src/plot.js" type="text/javascript"></script>
<script src="src/parse_data.js" type="text/javascript"></script>
<link rel="stylesheet" href="src/main.css" />
</head>
<body>
<div style="float: right; width: 40%; padding: 10px;" id="menu">
<h1>Explore word analogies</h1>
<div id="selectDiv">
<h4>What do you want to see?</h4>
<select id="dataSelect" class="form-control custom"></select>
</div>
<div id="modifyDiv">
<h4>Modify words</h4>
<div id="errorDiv" class="alert alert-danger" style="display:none"></div>
<div class="form-inline">
<input name="addWordInput" id="addWordInput" type="text" class="form-control" placeholder="Type a new word...">
<input name="addButton" value="Add" id="addButton" type="button" class="btn btn-default button-custom">
</div>
<div class="form-inline">
<input name="addPairInput" id="addPairInput1" type="text" class="form-control" placeholder="Type a new word...">
<input name="addPairInput" id="addPairInput2" type="text" class="form-control" placeholder="Type a new word...">
<input name="addPairButton" value="Add pair" id="addPairButton" type="button" class="btn btn-default button-custom">
</div>
<br>
<div class="form-inline">
<label for="Xaxis1">X axis:</label>
<input name="Xaxis1" id="Xaxis1" type="text" class="form-control" placeholder="X axis left">
<input name="Xaxis0" id="Xaxis0" type="text" class="form-control" placeholder="X axis right">
</div>
<div class="form-inline">
<label for="Yaxis1">Y axis:</label>
<input name="Yaxis1" id="Yaxis1" type="text" class="form-control" placeholder="Y axis down">
<input name="Yaxis0" id="Yaxis0" type="text" class="form-control" placeholder="Y axis up">
</div>
<input name="changeAxesButton" value="Change axes labels" id="changeAxesButton" type="button" class="btn btn-default button-custom">
</div>
<br>Interactive visualization of word analogies in GloVe.
<em>Hover</em> to highlight, <em>double-click</em> to remove.
<em>Change axes</em> by specifying word differences, on which you want to project.
Uses (compressed) pre-trained word vectors from <a target="_blank" href="http://nlp.stanford.edu/projects/glove/">glove.6B.50d</a>.
Made by Julia Bazińska under the mentorship of Piotr Migdał (2017).
<br>
<a target="_blank" href="http://p.migdal.pl/2017/01/06/king-man-woman-queen-why.html" class="btn btn-primary button-big-margin">Learn more in this blog post!</a>
</div>
<div id="plotDiv" style="width: 720; height: 520"><h3 id="bePatient">Please wait (30MB to load)...</h3></div>
<script src="src/main.js" type="text/javascript"></script>
</body>
</html>