-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (139 loc) · 8.52 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
<!DOCTYPE html>
<head>
<title>Story Commonsense</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'></script>
<!--script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- For story dropdown -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/css/bootstrap-select.css">
<!-- For spinner -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.3.2/spin.js"></script>
<link rel="stylesheet" href="https://spin.js.org/spin.css">
<!--script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script-->
<script type="text/javascript" src="js/dataviz.js"></script>
</head>
<body>
<div class="container content-left">
<div class="row" style="margin-top: 10px;">
<div class="col-12">
<!--img src="http://pngimg.com/uploads/book/book_PNG2115.png?i=1" style="width: 30%;"><img src="http://www.clker.com/cliparts/f/6/H/P/E/K/man-thinking.svg" style="width: 25%;"-->
<h1 style="">Modeling Naive Psychology of Characters in Simple Commonsense Stories</h1>
</div>
</div>
<div class="row">
<div class="col-md-5 col-xs-12">
<p><em>Quick links:</em>
<a href="data/storycommonsense_data.zip">[download the data]</a>
<a href="" data-target="#contactUs" data-toggle="collapse" onclick="return false;">[contact us]</a>
<a href="data/rashkin2018modeling.pdf" target="_blank">[paper]</a>
</p>
<div id="contactUs" class="collapse">
<p>
Contact one of the authors: <a href="mailto:[email protected]">Hannah</a>, <a href="mailto:[email protected]">Antoine</a> and/or <a href="mailto:[email protected]">Maarten</a>.
</p>
<hr>
</div>
<div class="row justify-content-center">
<div class="col-md-10 col-xs-12">
<h4>Abstract</h4>
<p style="font-size: 10pt; width: 100%;display: inline-block;text-align: justify;">
Understanding a narrative requires reading between the lines and reasoning about the unspoken but obvious implications about events and people’s mental states — a capability that is trivial for humans but remarkably hard for machines.
To facilitate research addressing this challenge, we introduce a new annotation framework to explain naive psychology of story characters as fully-specified chains of mental states with respect to <em>motivations</em> and <em>emotional</em> reactions.
Our work presents a new large-scale dataset with rich low-level annotations and establishes baseline performance on several new tasks, suggesting avenues for future research.
</p>
</div>
</div>
</div>
<div class="col-md-7 col-xs-12">
<img src="graphics/SCS_story.png" style="width: 95%;">
<h4 class="text-muted" style="width: 80%; margin: auto; text-align: center;"><small>Enabling reasoning about the cause and effect of mental state changes of characters in a story.</small></h4>
</div>
</div>
<hr>
<div class="row">
<div class="col-8">
<div class="row">
<div class="col-8">
<!--h4 class="text-muted"><small>
Enabling reasoning about the mental states of characters in a story.</small>
</h4>
<h4>Abstract</h4>
<p style="font-size: 10pt; max-width: 500px;display: inline-block;text-align: justify;">
Understanding a narrative requires reading between the lines and reasoning about the unspoken but obvious implications about events and people’s mental states — a capability that is trivial for humans but remarkably hard for machines.
To facilitate research addressing this challenge, we introduce a new annotation framework to explain naive psychology of story characters as fully-specified chains of mental states with respect to <em>motivations</em> and <em>emotional</em> reactions.
Our work presents a new large-scale dataset with rich low-level annotations and establishes baseline performance on several new tasks, suggesting avenues for future research.
</p-->
</div>
</div>
<div class="row" style="display: none;">
<div class="col-12">
<h4>Browsing tool</h4>
<p>
Select one of our stories and click on individual characters to see our annotations. For dev/test stories, hover over categories to see descriptions.
</p>
<select id="storySelecter" onchange="loadStory(this.value)" class="selectpicker" data-live-search="true" style="width:70%;">
<option selected disabled value> -- select a story -- </option>
<!--option class="train" value="013e6510-5cd4-4b4e-bd7e-491d3732602b" data-tokens="013e6510-5cd4-4b4e-bd7e-491d3732602b">School Project</option>
<option class="dev" value="a2ddbb50-e45b-4ad3-becf-b2d8475172bf" data-tokens="a2ddbb50-e45b-4ad3-becf-b2d8475172bf">Curry Disaster</option-->
</select>
<div id="storyViz" style="display: none;min-height: 80px;">
<div id="actualStory">
<!--h4 id="title"></h4>
<div id="line1"></div>
<div id="line2"></div>
<div id="line3"></div>
<div id="line4"></div>
<div id="line5"></div-->
</div>
</div>
</div>
</div>
</div>
<div class="col-4" style="margin-top: 20px;">
<figure>
<div class="img-div">
<img class="figure-img img-fluid rounded" src="graphics/MaslowReissPlutchik.png">
<img class="hoverlarge" src="graphics/MaslowReissPlutchik.png"style="left: -230px; top: 0px; border-radius: 0%; width:600px;">
<figcaption class="figure-caption">
Theories of Motivation (Maslow and Reiss) and Emotional Reaction (Plutchik).
</figcaption>
</div>
</figure>
<div id="storyVizKey" style="margin-top: 10px;display: none;">
<hr>
<h5>Story Annotation Key</h5>
<span class="btn btn-sm btn-primary disabled">char</span> appears in line.<br>
<span class="btn btn-sm btn-secondary disabled">char</span> doesn't appears in line.<br><hr>
<span class="btn btn-sm btn-primary">char</span> has a mental state change.<br>
<span class="btn btn-sm btn-primary disabled"><em>char</em></span> doesn't have a mental state change.<hr>
<div id="categoryDescription">
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-12">
<em>Read our paper for more:</em>
<br>
Hannah Rashkin, Antoine Bosselut, Maarten Sap, Kevin Knight & Yejin Choi (2018).<br>
<strong>Modeling Naive Psychology of Characters in Simple Commonsense Stories</strong>. <em>ACL</em>
<a href="https://homes.cs.washington.edu/~msap/pdfs/rashkin2018modeling.pdf" target="_blank">[view pdf]</a>
</div>
</div>
<div class="row justify-content-center" style="margin: 30px 0;">
<div class="col-5" style="display: contents;">
<img class="footer-img" src="graphics/uwnlp-logo-640.png"/>
<img class="footer-img" src="graphics/cse-logo.png"/>
</div>
</div>
</div>
</body>