-
Notifications
You must be signed in to change notification settings - Fork 21
/
template.html
121 lines (112 loc) · 5.92 KB
/
template.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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AMR Bibliography</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter/jquery.tablesorter.min.js"></script>
<script src="js/topic_buttons.js"></script>
<!-- choose a theme file -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="js/jquery.tablesorter/themes/blue/style.css">
<!-- tablesorter widgets (optional) -->
<!-- chart.js -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
</head>
<body>
<h1>AMR Bibliography</h1>
<p style="text-align: center;"><a href="http://amr.isi.edu/">Abstract Meaning Representation</a> (<span class="math">AMR</span>) is a graph framework for representing sentence meaning
which has been the subject of considerable research in natural language processing.<br/>
This bibliography is maintained by <a href="http://www.austinblodgett.org/">Austin Blodgett</a>, <a href="https://shirawein.georgetown.domains/">Shira Wein</a>, and <a href="http://nathan.cl">Nathan Schneider</a>, based in part on <a href="https://amr.isi.edu/research.html">this one</a> and <a href="http://people.cs.georgetown.edu/nschneid/cosc672/s17/amr-papers.html">this one</a>.
</p>
<div class="row">
<div class="column" style="text-align: center; flex: 45%;">
<div class='instructions'>
<h3>Explore the research on AMR</h3>
<p>The <big style="color: #a49;"><b>{NPAPERS}</b></big> entries in the table below are sortable by column.<br/>
You can highlight rows by topic (click on a topic <span class="math">TAG</span> in the last column).<br/>
The main topics are:</p>
</div>
<div class='description'>
<span class="math">Annotation</span>: Research on and methods for AMR annotators<br/>
<span class="math">Parsing</span>: Produce an AMR from natural language text <br/>
(See <a href="https://nlpprogress.com/english/semantic_parsing.html#amr-parsing">NLP-progress page</a> with published results up to 2021)<br/>
<span class="math">Generation</span>: Produce natural language text from an AMR<br/>
<span class="math">Applications</span>: Summarization, Information Extraction, Biomedical, etc.<br/>
<span class="math">Alignment</span>: Find the AMR subgraph corresponding to a word or phrase<br/>
<span class="math">AMR Extensions</span>: Research which adds features to the AMR annotation scheme<br/>
<span class="math">Multilingual</span>: Extensions of AMR from its original language (English) to more languages<br/>
</div>
</div>
<div class="column" style="flex: 15%;">
<img id="chartPopupButton" alt="Chart of AMR papers by year and topic" title="Chart of AMR papers by year and topic" src="chart.svg" style="width: 100px;" />
</div>
<div class="column" style="flex: 40%;">
<div class="container">
<pre>
(j / join-01
<span class="amr-edge">:ARG0</span> (p / person <span class="amr-edge">:wiki</span> -
<span class="amr-edge">:name</span> (p2 / name <span class="amr-edge">:op1</span> "Pierre" <span class="amr-edge">:op2</span> "Vinken")
<span class="amr-edge">:age</span> (t / temporal-quantity <span class="amr-edge">:quant</span> 61
<span class="amr-edge">:unit</span> (y / year)))
<span class="amr-edge">:ARG1</span> (b / board
<span class="amr-edge">:ARG1-of</span> (h / have-org-role-91
<span class="amr-edge">:ARG0</span> p
<span class="amr-edge">:ARG2</span> (d2 / director
<span class="amr-edge">:mod</span> (e / executive <span class="amr-edge">:polarity</span> -))))
<span class="amr-edge">:time</span> (d / date-entity <span class="amr-edge">:month</span> 11 <span class="amr-edge">:day</span> 29))</pre>
<p class="caption">The AMR for the sentence <i>Pierre Vinken, 61 years old, will join the board as a nonexecutive director Nov. 29.</i></p>
</div>
</div>
</div>
<div id="overlay">
<div id="popup">
<div id="close">X</div>
<canvas id="myChart" width="100" height="50"></canvas>
<p style="text-align: center; background-color: #fff; margin: 0px;"><small><b>Number of papers by year and topic.</b>
(A paper with multiple topics counts toward the first.)</small></p>
</div>
</div>
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: {YEARS},
datasets: [{COUNTS}]
},
options: {
scales: {
xAxes: [{stacked: true}],
yAxes: [{
stacked: true,
ticks: {
beginAtZero: true
}
}]
}
}
});
$(document).ready(function() {
$('#chartPopupButton').click(function() {
$('#overlay').fadeIn(300);
});
$('#close').click(function() {
$('#overlay').fadeOut(300);
});
$('#overlay').click(function() {
$('#overlay').fadeOut(300);
});
});
</script>
<p style="text-align: center;">To suggest or update a paper, submit a pull request for <a href="https://github.com/nert-nlp/AMR-Bibliography/blob/master/data/amr_papers.tsv">this TSV file</a>.
Use the <a href="https://github.com/nert-nlp/AMR-Bibliography/issues">issue tracker</a> for bug reports and feature requests.
</p>
<div style="overflow-x:auto;">
{ROWS}
</div>
</body>
</html>