christopher malteos commited on
Commit
d10a3b4
0 Parent(s):

Duplicate from malteos/emnlp2022-papers

Browse files

Co-authored-by: malteos <malteos@users.noreply.huggingface.co>

Files changed (7) hide show
  1. .gitattributes +34 -0
  2. README.md +28 -0
  3. index.html +142 -0
  4. papers.js +0 -0
  5. papers_with_anthology_urls.js +0 -0
  6. papers_with_urls.js +0 -0
  7. 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
+ }