-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
182 lines (156 loc) · 7.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vasari Social Network</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* Reset default margin and padding for all elements */
* {
margin: 0;
padding: 0;
}
/* Apply a simple, clean font style */
body {
font-family: Arial, sans-serif;
}
/* Set a background color and add some spacing */
body {
background-color: #f5f5f5;
margin: 20px;
padding: 20px;
}
/* Style the page title */
h1 {
font-size: 24px;
text-align: center;
}
/* Style the section titles */
h2 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
/* Style the main content container */
#index {
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
margin-top: 20px;
}
/* Style the list items in the index */
ul {
padding-left: 20px; /* Add padding to the left of the list */
}
ul li {
margin-bottom: 10px;
list-style: disc; /* Keep the bullets for lists */
}
/* Style links */
a {
color: #0077cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Style images inside .data_model */
.data_model img {
width: 80%;
display: block;
margin: 0 auto;
}
/* Style the contact list */
#contacts ul {
list-style: none;
}
#contacts li {
margin-bottom: 10px;
}
/* Add more padding to paragraphs */
p {
margin-bottom: 15px;
padding-right: 10px; /* Add padding to the right of paragraphs */
}
</style>
</head>
<body>
<h1>Vasari Social Network</h1>
<div id="index">
<h2>Index</h2>
<ul>
<li><a href="#intro">Introduction</a></li>
<li><a href="#kg">Knowledge Graph</a></li>
<li><a href="#visual">Dynamic Network Visualization</a></li>
<li><a href="#resources">Useful Resources</a></li>
<li><a href="#contacts">Contacts</a></li>
</ul>
<div id="intro">
<h2>Introduction</h2>
<p>
This website contains all the documentation related to the extraction of a Social Network from Giorgio Vasari's <a href="https://en.wikipedia.org/wiki/Lives_of_the_Most_Excellent_Painters,_Sculptors,_and_Architects" target = "_blank">The Lives of The Artists</a> (1568). Aim of this work is to use Information Extraction techniques, such as <a href="https://en.wikipedia.org/wiki/Named-entity_recognition" target="_blank">Named Entity Recognition</a> (NER) and <a href="https://en.wikipedia.org/wiki/Coreference#Coreference_resolution" target="_blank">Coreference Resolution</a> (CR) to identify references to individuals inside the book and compute connectedness between persons by measuring their statistical association using paragraph co-occurences.
</p>
<p>
In order to identify the references to artists and craftsmen, the Index of Names is used, containing for each artist the list of pages in which he/she appears. By using this bibliographic information in tandem with NER and CR, it is possible to identify each occurence of the artists in the paragraphs of the pages.
</p>
<p>
Finally to measure connectedness between artists, a measure of statistical association called <a href="https://en.wikipedia.org/wiki/Pointwise_mutual_information" target="_blank">Pointwise Mutual Information</a> (PMI) is used. This measure quantifies how much more likely these artists occur together than if they were independent, statistically speaking. In simple terms, PMI tells us how much we can learn about one artist by knowing that another one is referenced in the same paragraph. If the PMI is positive, it indicates a positive association, meaning the artists tend to occur together more often than expected by chance. We used PMI to filter out associations with a negative value and to weight the connection between artists inside the biographies.
</p>
<p>
This social network was extracted from a <a href="https://onlinebooks.library.upenn.edu/webbin/metabook?id=livespainters" target="_blank">10 volumes edition of Vasari's work</a>, translated in English by Gaston du C. De Vere. In this website we provide a dynamic visualization of how the social network of artists evolves across all 10 volumes.
</p>
</div>
<div id="kg">
<h2>Knowledge Graph</h2>
<p>
In order to share the final results in a <b>FAIR</b> data format, an RDF dataset of the Vasari Social Network is made available:
<ul>
<li><a href="rdfs/vasari-kg.ttl" target="_blank"> Turtle serialization</a></li>
</ul>
</p>
<p>
The RDF data is modelled by using standard vocabularies such as <b>RDFS</b>, <b>SKOS</b> and <b>FOAF</b>. A visualization of the conceptual model is presented in the image. All edges are represented as blank nodes, while each node has several attributes related to its network centrality.
</p>
<div class="data_model">
<img src="docs/vasari-kg.svg" alt="Data Model of the Knowledge Graph">
</div>
</div>
<div id="visual">
<h2>Dynamic Network Visualization</h2>
<p>The following links provide graph visualizations produced from each volume of Gaston du C. De Vere's translation of <em>The Lives of The Artists</em>. The visualizations are produced with <a href="https://pyvis.readthedocs.io/en/latest/" target="_blank">Pyvis</a>.</p>
<ul>
<li><a href="results/networks/network0.html" target="_blank">First Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network1.html" target="_blank">Second Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network2.html" target="_blank">Third Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network3.html" target="_blank">Fourth Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network4.html" target="_blank">Fifth Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network5.html" target="_blank">Sixth Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network6.html" target="_blank">Seventh Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network7.html" target="_blank">Eighth Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network8.html" target="_blank">Ninth Volume (Graph Visualization)</a></li>
<li><a href="results/networks/network9.html" target="_blank">Tenth Volume (Graph Visualization)</a></li>
</ul>
</div>
<div id="resources">
<h2>Resources</h2>
<p>This section lists datasets and source code related to this project:</p>
<ul>
<li><a href="https://doi.org/10.5281/zenodo.8395369" target="_blank">"The Lives of The Artists" dataset</a></li>
<li><a href="https://github.com/ISE-FIZKarlsruhe/vasari_network/" target="_blank">GitHub repository of the project</a></li>
<li><a href="https://doi.org/10.5281/zenodo.8395425" target="_blank">Information Extraction results (for Network Generation)</a></li>
</ul>
</div>
<div id="contacts">
<h2>Contacts</h2>
<p>If you are interested in the project and want to get in contact, you can reach one of the contributors below:</p>
<ul>
<li>Dr. Cristian Santini <a href="snt.cristian@gmail.com" target="_blank">snt.cristian@gmail.com</a></li>
<li>Etienne Posthumus <a href="epoz@gmail.com" target="_blank">epoz@gmail.com</a></li>
<li>Prof. Dr. Harald Sack <a href="harald.sack@fiz-karlsruhe.de" target="_blank">harald.sack@fiz-karlsruhe.de</a></li></li>
</ul>
</div>
</body>
</html>