-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
73 lines (63 loc) · 1.93 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
<!DOCTYPE html>
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
font-family: 'Permanent Marker', cursive;
background-color: #ffffff;
}
.button-special {
font-family: 'Permanent Marker';
}
.links line {
stroke: #999;
stroke-opacity: 0.6;
}
.nodes circle {
stroke: #fff;
stroke-width: 1.5px;
}
</style>
<body>
<div class="row">
<center>
<img src="img/friends_logo.png" height=100>
</center>
</div>
<div class="row">
<center>
<h1>
Season Networks
</h1>
</center>
</div>
<div class="row">
<center>
<select id="json_sources" name="json_sources">
<option value ="1" selected>Season 1</option>
<option value ="2">Season 2</option>
<option value ="3">Season 3</option>
<option value ="4">Season 4</option>
<option value ="5">Season 5</option>
<option value ="6">Season 6</option>
<option value ="7">Season 7</option>
<option value ="8">Season 8</option>
<option value ="9">Season 9</option>
<option value ="10">Season 10</option>
</select>
</center>
</div>
<div class="row">
<center>
<svg width="1400" height="600"></svg>
</center>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="js/friends_d3.js"></script>
</div>
<div class="row">
<center>
<p style='font-size:75%'>Connections between the six main characters were removed to better analyze each character's community. Colors represent distinct communities identified by the Louvain algorithm. Data was obtained by scraping scripts of Friends found <a href="https://fangj.github.io/friends/">here</a>. Created by <a href="https://twitter.com/dr_keithmcnulty">@dr_keithmcnulty</a>.</p>
</center>
</div>
</body>