Spaces:
Running
Running
Commit
•
d10a3b4
0
Parent(s):
Duplicate from malteos/emnlp2022-papers
Browse filesCo-authored-by: malteos <malteos@users.noreply.huggingface.co>
- .gitattributes +34 -0
- README.md +28 -0
- index.html +142 -0
- papers.js +0 -0
- papers_with_anthology_urls.js +0 -0
- papers_with_urls.js +0 -0
- style.css +125 -0
.gitattributes
ADDED
@@ -0,0 +1,34 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
*.7z filter=lfs diff=lfs merge=lfs -text
|
2 |
+
*.arrow filter=lfs diff=lfs merge=lfs -text
|
3 |
+
*.bin filter=lfs diff=lfs merge=lfs -text
|
4 |
+
*.bz2 filter=lfs diff=lfs merge=lfs -text
|
5 |
+
*.ckpt filter=lfs diff=lfs merge=lfs -text
|
6 |
+
*.ftz filter=lfs diff=lfs merge=lfs -text
|
7 |
+
*.gz filter=lfs diff=lfs merge=lfs -text
|
8 |
+
*.h5 filter=lfs diff=lfs merge=lfs -text
|
9 |
+
*.joblib filter=lfs diff=lfs merge=lfs -text
|
10 |
+
*.lfs.* filter=lfs diff=lfs merge=lfs -text
|
11 |
+
*.mlmodel filter=lfs diff=lfs merge=lfs -text
|
12 |
+
*.model filter=lfs diff=lfs merge=lfs -text
|
13 |
+
*.msgpack filter=lfs diff=lfs merge=lfs -text
|
14 |
+
*.npy filter=lfs diff=lfs merge=lfs -text
|
15 |
+
*.npz filter=lfs diff=lfs merge=lfs -text
|
16 |
+
*.onnx filter=lfs diff=lfs merge=lfs -text
|
17 |
+
*.ot filter=lfs diff=lfs merge=lfs -text
|
18 |
+
*.parquet filter=lfs diff=lfs merge=lfs -text
|
19 |
+
*.pb filter=lfs diff=lfs merge=lfs -text
|
20 |
+
*.pickle filter=lfs diff=lfs merge=lfs -text
|
21 |
+
*.pkl filter=lfs diff=lfs merge=lfs -text
|
22 |
+
*.pt filter=lfs diff=lfs merge=lfs -text
|
23 |
+
*.pth filter=lfs diff=lfs merge=lfs -text
|
24 |
+
*.rar filter=lfs diff=lfs merge=lfs -text
|
25 |
+
*.safetensors filter=lfs diff=lfs merge=lfs -text
|
26 |
+
saved_model/**/* filter=lfs diff=lfs merge=lfs -text
|
27 |
+
*.tar.* filter=lfs diff=lfs merge=lfs -text
|
28 |
+
*.tflite filter=lfs diff=lfs merge=lfs -text
|
29 |
+
*.tgz filter=lfs diff=lfs merge=lfs -text
|
30 |
+
*.wasm filter=lfs diff=lfs merge=lfs -text
|
31 |
+
*.xz filter=lfs diff=lfs merge=lfs -text
|
32 |
+
*.zip filter=lfs diff=lfs merge=lfs -text
|
33 |
+
*.zst filter=lfs diff=lfs merge=lfs -text
|
34 |
+
*tfevents* filter=lfs diff=lfs merge=lfs -text
|
README.md
ADDED
@@ -0,0 +1,28 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
---
|
2 |
+
title: EMNLP 2022 Papers
|
3 |
+
emoji: 📜
|
4 |
+
colorFrom: red
|
5 |
+
colorTo: gray
|
6 |
+
sdk: static
|
7 |
+
pinned: true
|
8 |
+
license: mit
|
9 |
+
duplicated_from: malteos/emnlp2022-papers
|
10 |
+
---
|
11 |
+
|
12 |
+
# EMNLP 2022 Papers
|
13 |
+
|
14 |
+
EMNLP 2022 papers on a map. Paper embeddings via [SciNCL](https://github.com/malteos/scincl). 2D reduction via [UMAP](https://github.com/lmcinnes/umap). Created by [@XYOU](https://twitter.com/xyou).
|
15 |
+
|
16 |
+
## See also
|
17 |
+
|
18 |
+
- [Neighborhood Contrastive Learning for Scientific Document Representations with Citation Embeddings (PDF on Arxiv)](http://arxiv.org/abs/2202.06671)
|
19 |
+
- https://github.com/malteos/scincl
|
20 |
+
- https://huggingface.co/malteos/scincl
|
21 |
+
|
22 |
+
|
23 |
+
## Run locally
|
24 |
+
|
25 |
+
```bash
|
26 |
+
# via local web server at http://localhost
|
27 |
+
python -m http.server 80
|
28 |
+
```
|
index.html
ADDED
@@ -0,0 +1,142 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
2 |
+
<html xmlns="http://www.w3.org/1999/xhtml">
|
3 |
+
<head>
|
4 |
+
<title>EMNLP 2022 papers on a map</title>
|
5 |
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
6 |
+
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.0/dist/leaflet.css" />
|
7 |
+
<link rel="stylesheet" href="https://opengeo.tech/maps/leaflet-search/src/leaflet-search.css" />
|
8 |
+
<link rel="stylesheet" href="./style.css" />
|
9 |
+
|
10 |
+
<meta charset="utf-8" />
|
11 |
+
<meta name="viewport" content="width=device-width" />
|
12 |
+
|
13 |
+
|
14 |
+
<script>
|
15 |
+
function showFullLegend() {
|
16 |
+
[].forEach.call(document.querySelectorAll('.legend-more'), function (el) {
|
17 |
+
el.style.display = 'inline';
|
18 |
+
});
|
19 |
+
}
|
20 |
+
|
21 |
+
document.addEventListener('DOMContentLoaded', function() {
|
22 |
+
// your code here
|
23 |
+
document.getElementById('loading').style.display = 'none';
|
24 |
+
|
25 |
+
//sample data values for populate map
|
26 |
+
var _data = [];
|
27 |
+
|
28 |
+
var map = new L.Map('map', {
|
29 |
+
zoom: 7,
|
30 |
+
zoomControl: false,
|
31 |
+
center: new L.latLng([4, 7]) // data[0].loc
|
32 |
+
}); //set center from first location
|
33 |
+
L.control.zoom({
|
34 |
+
position: 'topright'
|
35 |
+
}).addTo(map);
|
36 |
+
// map.addLayer(new L.TileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png')); //base layer
|
37 |
+
|
38 |
+
var markersLayer = new L.LayerGroup(); //layer contain searched elements
|
39 |
+
|
40 |
+
map.addLayer(markersLayer);
|
41 |
+
|
42 |
+
var controlSearch = new L.Control.Search({
|
43 |
+
position:'topleft',
|
44 |
+
collapsed: false,
|
45 |
+
textPlaceholder: 'Search papers ...',
|
46 |
+
layer: markersLayer,
|
47 |
+
initial: false,
|
48 |
+
zoom: 12,
|
49 |
+
marker: false,
|
50 |
+
});
|
51 |
+
|
52 |
+
map.addControl( controlSearch );
|
53 |
+
|
54 |
+
////////////populate map with markers from sample data
|
55 |
+
var colors = [
|
56 |
+
"#63b598", "#ce7d78", "#ea9e70", "#a48a9e", "#c6e1e8", "#648177", "#0d5ac1",
|
57 |
+
"#f205e6", "#1c0365", "#14a9ad", "#4ca2f9", "#a4e43f", "#d298e2", "#6119d0",
|
58 |
+
"#d2737d", "#c0a43c", "#f2510e", "#651be6", "#79806e", "#61da5e", "#cd2f00",
|
59 |
+
"#9348af", "#01ac53", "#c5a4fb", "#996635", "#b11573", "#4bb473", "#75d89e",
|
60 |
+
"#2f3f94", "#2f7b99", "#da967d", "#34891f", "#b0d87b", "#ca4751", "#7e50a8",
|
61 |
+
"#c4d647", "#e0eeb8", "#11dec1", "#289812", "#566ca0", "#ffdbe1", "#2f1179",
|
62 |
+
];
|
63 |
+
|
64 |
+
var legendHtml = '<b>Legend:</b> '
|
65 |
+
var moreFrom = 10;
|
66 |
+
|
67 |
+
for (let i = 0; i < labels.length; i++) {
|
68 |
+
if (i >= moreFrom) {
|
69 |
+
cls = 'legend-more';
|
70 |
+
} else {
|
71 |
+
cls = '';
|
72 |
+
}
|
73 |
+
|
74 |
+
legendHtml += '<span class="legend-item ' + cls +'"><span class="legend-icon" style="background: ' + colors[i]+ '"></span>' + labels[i] + '</span> ';
|
75 |
+
|
76 |
+
if (i == moreFrom) {
|
77 |
+
legendHtml += '<a href="javascript:showFullLegend();">...</a>';
|
78 |
+
}
|
79 |
+
}
|
80 |
+
document.getElementById('legendContainer').innerHTML = legendHtml;
|
81 |
+
|
82 |
+
|
83 |
+
for(i in data) {
|
84 |
+
var title = data[i].title, //value searched
|
85 |
+
loc = data[i].loc, //position found
|
86 |
+
abstract = data[i].abstract,
|
87 |
+
track = data[i].track,
|
88 |
+
authors = data[i].authors,
|
89 |
+
label = data[i].label
|
90 |
+
url = data[i].url
|
91 |
+
|
92 |
+
if (url == '') {
|
93 |
+
url = 'https://2022.emnlp.org/#unavailable'
|
94 |
+
} else {
|
95 |
+
url = 'https://preview.aclanthology.org/emnlp-22-ingestion/' + url
|
96 |
+
}
|
97 |
+
|
98 |
+
// circleMarker, Marker
|
99 |
+
marker = new L.circleMarker(new L.latLng(loc), {title: title, radius: 5, className: 'label-' + label} );//se property searched
|
100 |
+
marker.bindPopup('<b><a href="'+ url + '">' + title + '</a></b> [' + track + '] <i>' + authors + ':<br />' + abstract );
|
101 |
+
//marker.setStyle({fillColor: colors[label]});
|
102 |
+
marker.bindTooltip(title)
|
103 |
+
marker.setStyle({color: colors[label]});
|
104 |
+
|
105 |
+
markersLayer.addLayer(marker);
|
106 |
+
}
|
107 |
+
|
108 |
+
}, false);
|
109 |
+
|
110 |
+
|
111 |
+
</script>
|
112 |
+
|
113 |
+
</head>
|
114 |
+
<body>
|
115 |
+
|
116 |
+
|
117 |
+
|
118 |
+
<div id="header">
|
119 |
+
<h1>EMNLP 2022 Papers</h1>
|
120 |
+
Embeddings generated with <a href="https://github.com/malteos/scincl" target="_blank">SciNCL (EMNLP paper)</a>
|
121 |
+
and <a href="https://github.com/lmcinnes/umap" target="_blank">UMAP</a>.
|
122 |
+
Created by <a href="https://www.linkedin.com/in/malteschwarzer/" target="_blank">Malte Ostendorff</a>
|
123 |
+
<a href="https://twitter.com/xyou" target="_blank">(@XYOU)</a>.
|
124 |
+
|
125 |
+
<div id="legendContainer"></div>
|
126 |
+
</div>
|
127 |
+
|
128 |
+
<div id="loading">
|
129 |
+
<h2>Loading ...</h2>
|
130 |
+
</div>
|
131 |
+
|
132 |
+
|
133 |
+
<div id="mapContainer">
|
134 |
+
<div id="map"></div>
|
135 |
+
</div>
|
136 |
+
|
137 |
+
<script src="./papers_with_anthology_urls.js"></script>
|
138 |
+
<script src="https://unpkg.com/leaflet@1.3.0/dist/leaflet.js"></script>
|
139 |
+
<script src="https://opengeo.tech/maps/leaflet-search/src/leaflet-search.js"></script>
|
140 |
+
|
141 |
+
</body>
|
142 |
+
</html>
|
papers.js
ADDED
The diff for this file is too large to render.
See raw diff
|
|
papers_with_anthology_urls.js
ADDED
The diff for this file is too large to render.
See raw diff
|
|
papers_with_urls.js
ADDED
The diff for this file is too large to render.
See raw diff
|
|
style.css
ADDED
@@ -0,0 +1,125 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
html, body {
|
2 |
+
height: 100%;
|
3 |
+
margin: 0;
|
4 |
+
padding: 0;
|
5 |
+
}
|
6 |
+
|
7 |
+
html {
|
8 |
+
font-size: 11px;
|
9 |
+
}
|
10 |
+
|
11 |
+
body {
|
12 |
+
color:#373737;
|
13 |
+
font-family:Arial;
|
14 |
+
text-align: center;
|
15 |
+
}
|
16 |
+
|
17 |
+
a {
|
18 |
+
color:rgb(148, 18, 18);
|
19 |
+
}
|
20 |
+
a:hover {
|
21 |
+
color:rgb(209, 31, 31);
|
22 |
+
}
|
23 |
+
h1 {
|
24 |
+
margin: 0.5rem;
|
25 |
+
font-size: 1.4rem;
|
26 |
+
/* font-size: 46px; */
|
27 |
+
}
|
28 |
+
|
29 |
+
#map {
|
30 |
+
border:2px solid #696969;
|
31 |
+
margin: 4px auto;
|
32 |
+
/* float:left; */
|
33 |
+
/* height: 100%; */
|
34 |
+
|
35 |
+
|
36 |
+
position: absolute;
|
37 |
+
|
38 |
+
right: 0;
|
39 |
+
bottom: 0;
|
40 |
+
left: 0;
|
41 |
+
|
42 |
+
top: 150px;
|
43 |
+
height: calc(100% - 150px - 10px);
|
44 |
+
|
45 |
+
/* top: 150px;
|
46 |
+
height: calc(100% - 150px - 10px); */
|
47 |
+
}
|
48 |
+
|
49 |
+
#header {
|
50 |
+
height: 150px;
|
51 |
+
/* height: 180px; */
|
52 |
+
|
53 |
+
padding: 0.5rem;
|
54 |
+
font-size: 1rem;
|
55 |
+
/* float:left; */
|
56 |
+
background:#fbf5bf;
|
57 |
+
/* border:1px solid #c6bb58; */
|
58 |
+
/* box-shadow: 2px 2px 6px #999; */
|
59 |
+
color:#666;
|
60 |
+
|
61 |
+
overflow: auto;
|
62 |
+
}
|
63 |
+
|
64 |
+
#legendContainer {
|
65 |
+
font-size: 0.9rem;
|
66 |
+
margin: 0 4px;
|
67 |
+
padding: 1rem;
|
68 |
+
|
69 |
+
}
|
70 |
+
|
71 |
+
.legend-item {
|
72 |
+
padding: 3px;
|
73 |
+
margin: 3px;
|
74 |
+
/* white-space: nowrap; */
|
75 |
+
}
|
76 |
+
|
77 |
+
.legend-icon {
|
78 |
+
margin: 0 2px;
|
79 |
+
width: 7px;
|
80 |
+
display: inline-block;
|
81 |
+
height: 7px;
|
82 |
+
}
|
83 |
+
|
84 |
+
.legend-more {
|
85 |
+
display: none;
|
86 |
+
}
|
87 |
+
|
88 |
+
.leaflet-container {
|
89 |
+
background: rgb(41, 41, 41);
|
90 |
+
outline: 0;
|
91 |
+
}
|
92 |
+
|
93 |
+
.leaflet-popup-content {
|
94 |
+
max-height: 240px;
|
95 |
+
overflow-y: auto;
|
96 |
+
}
|
97 |
+
|
98 |
+
@media only screen and (min-width: 500px) {
|
99 |
+
/* Medium screen */
|
100 |
+
html {
|
101 |
+
font-size: 12px;
|
102 |
+
}
|
103 |
+
|
104 |
+
#map {
|
105 |
+
height: calc(100% - 160px - 10px);
|
106 |
+
top: 160px;
|
107 |
+
}
|
108 |
+
#header {
|
109 |
+
height: 160px;
|
110 |
+
}
|
111 |
+
}
|
112 |
+
|
113 |
+
@media only screen and (min-width: 768px) {
|
114 |
+
/* Large screen */
|
115 |
+
html {
|
116 |
+
font-size: 14px;
|
117 |
+
}
|
118 |
+
#map {
|
119 |
+
height: calc(100% - 130px - 10px);
|
120 |
+
top: 130px;
|
121 |
+
}
|
122 |
+
#header {
|
123 |
+
height: 130px;
|
124 |
+
}
|
125 |
+
}
|