-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (67 loc) · 3.56 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<h1 style = "text-align:center; color: dark grey"><bold>How ISIS uses Twitter data</bold></h1>
</head>
<body>
<style>
.d3-tip {
line-height: 1;
font-weight: bold;
font: 12px sans-serif;
text-align: left;
padding: 12px;
background: midnightblue;
color: #fff;
border: 2px;
border-radius: 20px;
width: 500px;
}
.d3-tip-top {
box-sizing: border-box;
display: inline;
font-size: 14px;
width: 100%;
line-height: 1;
color: rgba(0, 0, 0, 0.8);
content: "\25BC";
position: absolute;
text-align: center;
}
</style>
<script src="d3.v4.min.js"></script>
<script src="d3.tip.js"></script>
<p>ISIS is the latest iteration of faith-based violent extremism that have grown out of the rubble of the Syrian civil war and post-occupation Iraq. While social media has been used to launch revolutions against tyrannical regimes, it is also being used by groups such as ISIS to spread their message of hate, recruit susceptible youth, and project power all over the world.There is
a need to fight against violent extremists at home and abroad. </p>
<div class="row">
<div class="col-md-6" id="body1"></div>
<div class="col-md-6" id="body"></div>
</div>
<style>
@import "Barchart.css";
</style>
<script src="Barchart.js" charset="utf-8"></script>
<h1 style = "text-align:left; color: dark grey">Tweets from ISIS fanboys from August 2015 to May 2016</h1>
<p style = "text-align: left">The November 2015 Paris attacks were a series of coordinated terrorist attacks that occurred on Friday 13 November 2015 in Paris, France and the city's northern suburb, Saint-Denis.</p>
<p>Beginning at 21:16 CET, three suicide bombers struck outside the Stade de France in Saint-Denis, during a football match, followed by several mass shootings, and a suicide bombing, at cafés and restaurants.</p>
<p>ISIS claimed responsibility for these attacks, saying that it was retaliation for the French airstrikes on ISIS targets in Syria and Iraq.</p>
<p> The chart portrays the number of tweets made by ISIS fanboys on Twitter during a 10 month period chosen during the time of these attacks, further highlighting the fact that the number of tweets made by them referring to this event shooted up post the attack!</p>
<h1 style = "text-align:center; color: dark grey">Which clergy do pro-ISIS fanboys quote the most and which clergy do they hate the most?</h1>
<p> A sentiment analysis was performed on 14,000 tweets made by ISIS fanboys, collected from January 2015 to May 2016. The analysis was performed on 10 Muslim clergy quoted in these tweets to derive conclusions on wich clergy was famous or infamous among these fanboys, based on a rank assigned (0 or 1). The following conclusions were achieved:</p>
<p style = "color: orangered"> Clergy they like the most from tweets:</p><p> "Anwar Awlaki", "Ahmad Jibril", "Ibn Taymiyyah", "Abdul Wahhab", "Abu Bakr al-Baghdadi". </p>
<p style = "color: lightgreen">Clergy that they hate the most from tweets :</p> <p>"Hamza Yusuf", "Suhaib Webb", "Yaser Qadhi", "Nouman Ali Khan", "Yaqoubi".</p>
<div class="chart">
<style>
@import "SentimentVz.css";
</style>
<script src="Sentiment.js" charset="utf-8"></script>
</div>
<p> Dataset retrieved from Kaggle</p>
<h4> Sources: </h4>
<ul>
<li>D3 API Reference</li>
<li>Interactive Data Visualization for the Web</li>
</ul>
</body>
</html>