-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
339 lines (269 loc) · 16.3 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
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<title>OpenUE</title>
<meta content="OpenUE" name="description" />
<meta content="ZJU-KLab" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="assets/images/zj.png">
<!-- jvectormap -->
<link href="assets/plugins/jvectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet">
<link href="assets/plugins/fullcalendar/vanillaCalendar.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/morris/morris.css" rel="stylesheet">
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/icons.css" rel="stylesheet" type="text/css">
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
<link href="assets/plugins/alertify/css/alertify.css" rel="stylesheet" type="text/css">
</head>
<body class="fixed-left">
<!-- Loader -->
<div id="preloader"><div id="status"><div class="spinner"></div></div></div>
<!-- Begin page -->
<div id="wrapper">
<!-- ========== Left Sidebar Start ========== -->
<div class="left side-menu" style="width: 320px;">
<button type="button" class="button-menu-mobile button-menu-mobile-topbar open-left waves-effect">
<i class="ion-close"></i>
</button>
<!-- LOGO -->
<div class="topbar-left">
<div class="text-center">
<!--<a href="index.html" class="logo"><i class="mdi mdi-assistant"></i>Zoter</a>-->
<a href="https://github.com/zjunlp/openue" class="logo">
<img src="assets/images/logo_openkg.png" alt="" class="logo-large" style="height: 70px;">
</a>
</div>
</div>
<div class="sidebar-inner niceScrollleft">
<div id="sidebar-menu">
<ul>
<li class="menu-title">总览</li>
<li>
<a href="index.html" class="waves-effect">
<i class="mdi mdi-airplay"></i>
<!-- <span> Dashboard <span class="badge badge-pill badge-primary float-right">7</span></span> -->
<span> 知识抽取</span>
</a>
</li>
<li>
<!-- <a href="calendar.html" class="waves-effect">
<i class="mdi ti-menu-alt"></i>
<span> Text2Triples </span>
</a> -->
<a href="text2triples.html" class="waves-effect">
<i class="mdi ti-menu-alt"></i>
<span> 三元组抽取 </span>
</a>
</li>
<li>
<a href="event_extraction.html" class="waves-effect">
<i class="mdi mdi-code-not-equal"></i>
<span> 事件抽取 </span>
</a>
</li>
<li>
<a href="nlu.html" class="waves-effect">
<i class="typcn typcn-lightbulb"></i>
<span> 自然语言理解 </span>
</a>
</li>
<li class="menu-title">医疗</li>
<li>
<a href="medical_text2triples.html" class="waves-effect">
<i class="mdi mdi-bullseye"></i>
<span> 三元组抽取 </span>
</a>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div> <!-- end sidebarinner -->
</div>
<!-- Left Sidebar End -->
<!-- Start right Content here -->
<div class="content-page" style="margin-left: 320px">
<!-- Start content -->
<div class="content">
<!-- Top Bar Start -->
<div class="topbar">
<nav class="navbar-custom" style="padding-right: 13px">
<ul class="list-inline float-right mb-0">
<li class="list-inline-item dropdown notification-list" style="padding: 10px;">
<a href="https://azft.alibaba.com/lab/?id=7" role="button>
aria-haspopup="false" aria-expanded="false">
<img src="assets/images/zjus.jpeg" alt="user" class="rounded-circle" style="height: 50px;width: auto;">
</a>
</li>
</ul>
<ul class="list-inline menu-left mb-0">
<li class="float-left">
<button class="button-menu-mobile open-left waves-light waves-effect">
<i class="mdi mdi-menu"></i>
</button>
</li>
</ul>
<!--顶部导航菜单-->
<div class="clearfix">
<ul>
<li><a href="index.html">OpenUE</a> </li>
<li><a href="introduction.html">介绍</a> </li>
<li><a href="https://github.com/zjunlp/openue">下载</a> </li>
<li><a href="connection.html">联系我们</a> </li>
<li><a href="http://openkg.cn/">OpenKG</a></li>
</ul>
</div>
</nav>
</div>
<!-- Top Bar End -->
<div class="page-content-wrapper ">
<div class="container-fluid">
<div class="row" id="div_head_websites">
<div class="col-sm-12">
<div class="page-title-box">
<div class="btn-group float-right">
<ol class="breadcrumb hide-phone p-0 m-0">
<!-- <li class="breadcrumb-item"><a href="#">Demo</a></li> -->
<!-- <li class="breadcrumb-item active">OpenUE</li> -->
</ol>
</div>
<!--<h4 class="page-title">知识抽取</h4>-->
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- end page title end breadcrumb -->
<div class="row" id="div_chosen">
<div class="col-xl-4 ">
<div class="card">
<div class="card-body active">
<h5 class="header-title mt-0 mb-3">TV series</h5>
<p class="mb-0" id="paragraph_1">《来自星星的你》是由张太侑导演，朴智恩编剧，于2013年12月18日在韩国SBS电视台首播。</p>
<p class="mb-0"> 该剧讲述了从外星来到朝鲜时代至400年后的现代的神秘男人都敏俊（金秀贤饰），与身为国民顶级女演员的千颂伊（全智贤饰）陷入爱情的过程，不同星球的两人消除彼此之间的误解，克服危险追寻真爱的浪漫爱情故事。</p>
<blockquote class="blockquote text-right">
<footer class="blockquote-footer">Baidu Baike <cite title="Source Title"><a href="https://baike.baidu.com/item/%E6%9D%A5%E8%87%AA%E6%98%9F%E6%98%9F%E7%9A%84%E4%BD%A0/12029711?fromtitle=%E6%9D%A5%E6%98%9F%E6%98%9F%E7%9A%84%E4%BD%A0&fromid=16002497&fr=aladdin" style="color: blue;">My Love from the Star</a></cite></footer>
</blockquote>
<button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-success-1">click me</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-xl-4 ">
<div class="card">
<div class="card-body">
<h5 class="header-title mt-0 mb-3">NASA</h5>
<p class="mb-0" id="paragraph_2">Alan Bean was an American astronaut, born on March 15, 1932 in Wheeler, Texas. He received a Bachelor of Science degree at the University of Texas as Austin in 1955 and was chosen by NASA in 1963.</p>
<blockquote class="blockquote text-right">
<footer class="blockquote-footer">Wikipedia <cite title="Source Title"><a href="https://en.wikipedia.org/wiki/Inception" style="color: blue;">Inception</a></cite></footer>
</blockquote>
<button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-success-2">click me</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-xl-4 ">
<div class="card">
<div class="card-body">
<h5 class="header-title mt-0 mb-3">Celebrity</h5>
<p class="mb-0" id="paragraph_3">姚明（Yao Ming），男，汉族，无党派人士，1980年9月12日出生于上海市徐汇区，祖籍江苏省苏州市吴江区震泽镇，前中国职业篮球运动员，司职中锋，现任亚洲篮球联合会主席、中国篮球协会主席、中职联公司董事长兼总经理，改革先锋奖章获得者。</p>
<blockquote class="blockquote text-right">
<footer class="blockquote-footer">Baidu Baike <cite title="Source Title"><a href="https://baike.baidu.com/item/%E5%A7%9A%E6%98%8E/28" style="color: blue;">Yao Ming</a></cite></footer>
</blockquote>
<button type="button" class="btn btn-primary waves-effect waves-light" id="alertify-success-3">click me</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div> <!-- end row -->
<div class="row" id="div_head_visualization" style="display:none;">
<div class="col-sm-12">
<div class="page-title-box">
<div class="btn-group float-right">
<ol class="breadcrumb hide-phone p-0 m-0">
<!-- <li class="breadcrumb-item"><a href="#">Zoter</a></li> -->
<li class="breadcrumb-item active">Table</li>
<li class="breadcrumb-item active">Bar Graph</li>
<li class="breadcrumb-item active">Dynamic Graph</li>
<!-- <li class="breadcrumb-item active">Dashboard</li> -->
</ol>
</div>
<h4 class="page-title">Visualization</h4>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="row" style="display:none;" id="div_visualization">
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<h4 class="mt-0 header-title">Relational Triple</h4>
<p class="text-muted mb-4 font-14 " id="my_table">
The triplets are expressed in the form of a table.
</p>
</div>
</div>
</div> <!-- end col -->
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<h4 class="mt-0 header-title">Dynamic Graph</h4>
<div id = "div_graph" style="width: 500px;height:350px;">
</div>
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
<!-- <div class="row" id="div_bargraph_whole"> -->
<div class="row" style="display:none;" id="div_bargraph_whole">
<div class="col-lg-12">
<div class="card">
<!-- <div class="card-body" id="div_bargraph"> -->
<div class="card-body">
<h4 class="mt-0 header-title">Confidence</h4>
<p class="text-muted mb-4 font-14 formular">
The abscissa represents the category, and the ordinate represents the probability value.
</p>
<div id="div_bargraph" style="width: 1000px;height:400px;">
</div>
</div>
</div>
</div>
</div>
</div><!-- container -->
</div> <!-- Page content Wrapper -->
</div> <!-- content -->
<footer class="footer">
<!-- © 2019 Zoter by <a href="http://www.bootstrapmb.com" title="">Mannatthemes</a> -->
Copyright© 2019-2021 <a href="http://openkg.cn/">OpenKG</a> All Rights Reserved
</footer>
</div>
<!-- End Right content here -->
</div>
<!-- END wrapper -->
<!-- jQuery -->
<script src="assets//js//jquery.min.js"></script>
<script src="assets//js//popper.min.js"></script>
<script src="assets//js//bootstrap.min.js"></script>
<script src="assets//js//modernizr.min.js"></script>
<script src="assets//js//detect.js"></script>
<script src="assets//js//fastclick.js"></script>
<script src="assets//js//jquery.blockUI.js"></script>
<script src="assets//js//waves.js"></script>
<script src="assets//js//jquery.nicescroll.js"></script>
<script src="assets/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js"></script>
<script src="assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="assets/plugins/skycons/skycons.min.js"></script>
<script src="assets/plugins/fullcalendar/vanillaCalendar.js"></script>
<script src="assets/plugins/raphael/raphael-min.js"></script>
<script src="assets/plugins/morris/morris.min.js"></script>
<script src="assets/pages/dashborad.js"></script>
<!-- App js -->
<script src="assets/js/app.js"></script>
<!-- Alertify js -->
<script src="assets/plugins/alertify/js/alertify.js"></script>
<!-- <script src="assets/pages/alertify-init.js"></script> -->
<script src="assets/js/web2triples.js"></script>
<script src="assets/incubator-echarts/dist/echarts.js"></script>
<script src="https://www.gstatic.com/charts/loader.js"></script>
<!-- <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script> -->
</body>
</html>