-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
57 lines (53 loc) · 4.76 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
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel = "stylesheet"
type = "text/css"
href = "style.css" />
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="./js/underscore-min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="./js/d3-simple-slider.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>
<script src="./js/plotly-latest.min.js"></script>
<!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vega@3/build/vega.js"></script>
<script src="./js/vega-label.js"></script>
</head>
<body>
<div class="title">
Embedding Comparator
<div class='tooltip-title' data-tooltip="Compare the similarities and differences between embedding models. Select a dataset and models to get started!">
?
</div>
<div style="
display: flex;
align-items: center;
">
<a href="https://github.com/mitvis/embedding-comparator" style="
font-size: 1rem;
color: white;
justify-self: flex-end;
margin-right: 1em;
padding-top: 0.25em;
">GitHub</a>
<a href="http://vis.csail.mit.edu" class="jsx-1231968303 nav_link" style="
justify-self: flex-end;
"><svg xmlns="http://www.w3.org/2000/svg" width="60" height="30" viewBox="303 328 150 100" class="jsx-1231968303" style="
opacity: 0.75;
"><path d="M306.8 397.9c0 1 0.8 1.9 1.9 1.9h14c1 0 1.9-0.8 1.9-1.9v-30.7c0-1-0.8-1.9-1.9-1.9h-14c-1 0-1.9 0.8-1.9 1.9V397.9z" class="jsx-1231968303"></path><path d="M323.5 414.6c0 1 0.8 1.9 1.9 1.9h14c1 0 1.9-0.8 1.9-1.9v-14c0-1-0.8-1.9-1.9-1.9h-14c-1 0-1.9 0.8-1.9 1.9V414.6z" class="jsx-1231968303"></path><path d="M340.3 397.9c0 1 0.8 1.9 1.9 1.9h14c1 0 1.9-0.8 1.9-1.9v-30.7c0-1-0.8-1.9-1.9-1.9h-14c-1 0-1.9 0.8-1.9 1.9V397.9z" class="jsx-1231968303"></path><path d="M369.6 414.6c0 1 0.8 1.9 1.9 1.9h14c1 0 1.9-0.8 1.9-1.9v-47.4c0-1-0.8-1.9-1.9-1.9H371.5c-1 0-1.9 0.8-1.9 1.9V414.6z" fill="#A0223A" class="jsx-1231968303"></path><path d="M369.6 414.6c0 1 0.8 1.9 1.9 1.9h14c1 0 1.9-0.8 1.9-1.9v-47.4c0-1-0.8-1.9-1.9-1.9H371.5c-1 0-1.9 0.8-1.9 1.9V414.6z" style="fill:none;stroke:#A0223A" class="jsx-1231968303"></path><path d="M370.1 352.3c0 1 0.8 1.9 1.9 1.9h14c1 0 1.9-0.8 1.9-1.9V338.4c0-1-0.8-1.9-1.9-1.9h-14c-1 0-1.9 0.8-1.9 1.9V352.3z" class="jsx-1231968303"></path><path d="M398.9 377c0 1 0.8 1.9 1.9 1.9h47.4c1 0 1.9-0.8 1.9-1.9v-9.8c0-1-0.8-1.9-1.9-1.9h-47.4c-1 0-1.9 0.8-1.9 1.9V377z" class="jsx-1231968303"></path><path d="M417.7 395.8c0 1 0.8 1.9 1.9 1.9h9.8c1 0 1.9-0.8 1.9-1.9v-9.8c0-1-0.8-1.9-1.9-1.9h-9.8c-1 0-1.9 0.8-1.9 1.9V395.8z" class="jsx-1231968303"></path><path d="M436.6 406.3c0 1 0.8 1.9 1.9 1.9h9.8c1 0 1.9-0.8 1.9-1.9v-7.7c0-1-0.8-1.9-1.9-1.9h-9.8c-1 0-1.9 0.8-1.9 1.9V406.3z" class="jsx-1231968303"></path><path d="M398.9 383.2c0 1 0.8 1.9 1.9 1.9h9.8c1 0 1.9-0.8 1.9-1.9v-5.6c0-1-0.8-1.9-1.9-1.9h-9.8c-1 0-1.9 0.8-1.9 1.9V383.2z" class="jsx-1231968303"></path><path d="M398.9 414.6c0 1 0.8 1.9 1.9 1.9h47.4c1 0 1.9-0.8 1.9-1.9v-9.8c0-1-0.8-1.9-1.9-1.9h-47.4c-1 0-1.9 0.8-1.9 1.9V414.6z" class="jsx-1231968303"></path></svg></a></div>
</div>
<div id="embedding_comparator_root"></div>
<script src='vega_spec.js'></script>
<script src='embedding_comparator_util.js'></script>
<script src='embedding_comparator_react.js' type="text/babel"></script>
</body>
</html>