CofeehousePy/services/corenlp/classes/edu/stanford/nlp/pipeline/demo/corenlp-brat.html

171 lines
400 KiB
HTML
Raw Normal View History

2021-01-14 08:07:24 +01:00
<head>
<!-- JQuery -->
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<!-- Chosen Dropdown Library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script>
<!-- Brat -->
<link rel="stylesheet" type="text/css" href="https://nlp.stanford.edu/js/brat/style-vis.css"/>
<script type="text/javascript" src="https://nlp.stanford.edu/js/brat/client/lib/head.load.min.js"></script>
<!-- d3 -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/dagre-d3/0.4.17/dagre-d3.min.js"></script>
<!-- CoreNLP -->
<link rel="stylesheet" type="text/css" href="corenlp-brat.css"/>
<script type="text/javascript" src="corenlp-brat.js"></script>
<meta charset="UTF-8">
</head>
<body>
<div id="wrap">
<!-- A header bar -->
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="https://stanfordnlp.github.io/CoreNLP/">CoffeeHouse CoreNLP 4.2.0 (updated 2020-11-16)</a>
</div>
</div>
</nav>
<!-- The main content of the page -->
<div class="container">
<div class="row">
<!-- Text area input -->
<form id="form_annotate" accept-charset="UTF-8" onsubmit="return false;">
<div class="col-sm-12" style="margin-bottom: 5px;">
<label for="text" class="label">&mdash; Text to annotate &mdash;</label>
<textarea class="form-control" rows="2" id="text" placeholder="e.g., The quick brown fox jumped over the lazy dog." autofocus></textarea>
</div>
<!-- Annotators select -->
<div class="col-sm-8">
<label for="annotators" class="label">&mdash; Annotations &mdash;</label>
<select id="annotators" data-placeholder="CoreNLP annotators"
multiple class="chosen-select" title="Select CoreNLP annotators">
<option value="pos" selected > parts-of-speech </option>
<option value="lemma" > lemmas </option>
<option value="ner" selected > named entities </option>
<option value="regexner" > named entities (regexner) </option>
<option value="parse" > constituency parse </option>
<option value="depparse" selected > dependency parse </option>
<option value="openie" selected > openie </option>
<option value="coref" > coreference </option>
<!--<option value="entitylink" > wikipedia entities </option>--> <!-- TODO this regularly crashes corenlp.run -->
<option value="kbp" > relations </option>
<option value="sentiment" > sentiment </option>
</select>
</div>
<div class="col-sm-2">
<label for="language" class="label">&mdash; Language &mdash;</label>
<select id="language" data-placeholder="Language"
class="chosen-select" title="Language">
<option value="ar" > Arabic </option>
<option value="zh" > Chinese </option>
<option value="en" selected > English </option>
<option value="fr" > French </option>
<option value="de" > German </option>
<option value="es" > Spanish </option>
</select>
</div>
<!-- Submit button -->
<div class="col-sm-2" style="text-align: center; margin-top: 7px; ">
<button id="submit" class="btn btn-block">Submit</button>
</div>
</form>
</div>
<div class="row">
<!-- A panel for errors to show up in -->
<div id="errors" class="row">
</div>
<!-- Loading gif -->
<div id="loading" class="row" style="display:none">
<img alt="" src="data:image/gif;base64,R0lGODlhIANYAvf/ANOqynl1vvddVV193/rf62l5z7GQrSyG//GNj/z2/Wmi9czK6udhYbiu0dCottjm/mV509aIktjH11V940WC702C675phv7c3MNpgpGYzdNhcZ5tonV5x2WGz1GG2OddZe73/4J1vstlfe6EgN9hac9hdbbO+v9VQf/s6G+f7qZtnrJpjoS5/ziG+01955dxloZ1tmF928nn/4pxtrJpkubj+exiWOfEype26v69uod1qPvj9qrP/6mx5311w+zi7fihmLdpd/vByP9ZRTmG9eikp7ppitthcefF3MWMpOb3/5a1+Kprhml50934//ujpfPCwLvO7+SmtclkZ9hiWaOUwUOF5aZymDuF7kuD5P/x7qPR/8ZlfJRxpd5iY/XE1NViaqRtlKVwiO37/7Nrg3t4rub7/6prnHN1xf6AdaJupPZcTMJqfJzQ/1OE4bdwiDSG9+2+vdtdVm17vu5dU3R6y5xyoEKI7epbTGCi/kGK89RjY4Oa4P6dmV5/zt1dZcRlc8xqe/+6sMRqceZeWzuK+3af373o/5614IN6s81pcP/X0jyK9mmCw9Rpa9xobP99bN+hnop4sYB6uuReUtZncUuK4r5lhPP7//bh4vKksHh9vYhxukmI7LPT/OiAdtNpYpJxskmC8GKe/K9xkY+489RpePv7+5B2oJJxrjCG/9xmYv9VPEGC9zSG/1F93tNldZB5qWx1z73S8ZZxqv9ZTf9ZSapplq5tltyDfPf3+0WC87Zlg5pxqtxpcfHf4yyK/z2C++9dWUKK++9dXbVljpFtpvNZSPP3//v39/f3/0V98P/z+P/z8//3+DSG+/P3+kCC86ptlvtZT5Bxqfvz9zCG+//3869tkutdX/teT0GG8ffz/65pmPtZSetdWf9eTfv385ZxrkGG96ptkPvz8/Lz/5F1qDWC+jWC/6ppkf9dSZF1rpZ1qK5pj/fz+/tdSff793V1y/BZV/Pz+kmK80WK60WC97plipZ1rkeG8P9VSfv79+FlbPb29v///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODc4NTFCODMwQ0YwMTFFNUE3RURBODAxNUJFRjhBRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODc4NTFCODQwQ0YwMTFFNUE3RURBODAxNUJFRjhBRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Nzg1MUI4MTBDRjAxMUU1QTdFREE4MDE1QkVGOEFGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Nzg1MUI4MjBDRjAxMUU1QTdFREE4MDE1QkVGOEFGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUDAP8ALAAAAAAgA1gCAAj/AP0JHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp8+fQIMKHUq0qNGjSJMqXcq0qdOnUKNKnUq1qtWrWLNq3cq1q9evYMOKHUu2rNmzaNOqXcu2rdu3cOPKnUu3rt27ePPq3cu3r9+/gAMLHky4sOHDiBMrXsy4sePHkCNLnky5suXLmDNr3sy5s+fPoEOLHk26tOnTqFOrXs26tevXsGPLnk27tu3buHPr3s27t+/fwIMLH068uPHjyJMrX868ufPn0KNLn069uvXr2LNr3869u/fv4MOL/x9Pvrz58+jTq1/Pvr379/Djy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqeSSTDbp5JNQRinllFRWaeWVWGap5ZZcdunll2CGKeaYZJZp5plopqnmmmy26eabcMYp55x01mnnnXjmqeeefPbp55+ABirooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxv8q66y01mrrrbjmquuuvPbq66/ABivssMQWa+yxyCar7LLMNuvss9BGK+201FZr7bXYZqvtttx26+234IYr7rjklmvuueimq+667Lbr7rvwxivvvPTWa++9+Oar77789uvvvwAHLPDABBds8MEIJ6zwwgw37PDDEEcs8bTQFFSxRhf7k/HE623M8ccQ64LMyNAgA4LJKJ988sgsl6wLNC/rAnJ5Mg/08sgg5JyzEjzz/IAMP/fMMwhK6JwzMi/7o0vNM2sHs8k6F63EAz+bYAIPWJeCQylcd81C11xjzYPVMgAttNHIQONx08lV7PbNyPBcNg9blMICCwooMMoonXT/csffd2yDxeBY3IHFNtvocYc9d1iRx94K3M3CFjwcIoMTSoxxMtvMvazzGFPLYMLWhqSggAdWGE7E6nC4osrrsL8OjOuqHAC7665Y4wocRMDBSON5KJDC1zwAjbnOSK/NOWzKDwRzzmOIzsPdCqRuOBasP0N77K/b7n3t4NvOPezWqPIMHLwPvo09edxN+eWam5P08rnBbA7oVXOdgiVWbIN+99z7ngDDR8ABGrCAr3sGEdY3CuKVbWgkax79VCOyuD3ganizQicGR4QWPKN84wPgAUeIQBKKTxWuON/qttGJ9rWheENT2wRbowudXZAHpUhBFqyAhRaoIh0EDKEI/0tIRBMW8ABIrN0BgAE7Bd6hgViTQdFOJsEZdqZiI1OCDKZXPR4SQXvgK6IYjUhGBA4xdrwjwhNZ0IbLFS1tVhQN1C6IA0OgrofjK6Mex8jHEwowieJ7BiM6ETkYKoFkcexMDR/ARS/CIYBK9GMfJ7nHAQIQduJj4uvQsUAXXg4EMkykZWoIgj
</div>
<!-- Annotation population area -->
<div id="annotations" class="row" style="display:none">
</div>
</div>
<!-- Patterns -->
<div id="patterns_row" class="row" hidden>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#div_tokensregex" role="tab" data-toggle="tab">TokensRegex</a></li>
<li ><a href="#div_semgrex" role="tab" data-toggle="tab">Semgrex</a></li>
<li ><a href="#div_tregex" role="tab" data-toggle="tab">Tregex</a></li>
</ul>
<!-- Tab panes -->
<div id="div_patterns" class="tab-content">
<!-- TokensRegex -->
<div class="tab-pane active pattern_tab" id="div_tokensregex">
<form id="form_tokensregex" accept-charset="UTF-8">
<label for="tokensregex_search">Enter a <a href="http://nlp.stanford.edu/software/tokensregex.shtml">TokensRegex</a>
expression to run against the above sentence:</label>
<div class="input-group">
<input id="tokensregex_search" type="text" class="form-control" placeholder='e.g., (?$foxtype [{pos:JJ}]+ ) fox'/>
<span class="input-group-btn">
<input id="button_tokensregex" class="btn btn-default" type="submit" value="Match"/>
</span>
</div>
</form>
</div>
<!-- Semgrex -->
<div class="tab-pane pattern_tab" id="div_semgrex">
<form id="form_semgrex" accept-charset="UTF-8">
<label for="semgrex_search">Enter a <a href="http://nlp.stanford.edu/nlp/javadoc/javanlp/edu/stanford/nlp/semgraph/semgrex/SemgrexPattern.html">Semgrex</a>
expression to run against the "enhanced dependencies" above:</label>
<div class="input-group">
<input id="semgrex_search" type="text" class="form-control" placeholder='e.g., {pos:/VB.*/} >nsubj {}=subject >/nmod:.*/ {}=prep_phrase'/>
<span class="input-group-btn">
<input id="button_semgrex" class="btn btn-default" type="submit" value="Match"/>
</span>
</div>
</form>
</div>
<!-- Tregex -->
<div class="tab-pane pattern_tab" id="div_tregex">
<form id="form_tregex" accept-charset="UTF-8">
<label for="tregex_search">Enter a <a href="http://nlp.stanford.edu/nlp/javadoc/javanlp/edu/stanford/nlp/trees/tregex/TregexPattern.html">Tregex</a>
expression to run against the above sentence:</label>
<div class="input-group">
<input id="tregex_search" type="text" class="form-control" placeholder='e.g., NP < NN=animal'/>
<span class="input-group-btn">
<input id="button_tregex" class="btn btn-default" type="submit" value="Match"/>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- The footer of the page -->
<footer id="footer" class="footer">
<div class="container">
<p class="text-muted">
Visualisation provided using the <a href="http://brat.nlplab.org/">brat visualisation/annotation software</a>.
</p>
</div>
</footer>
</body>