-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
53 lines (47 loc) · 3.55 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
<!DOCTYPE html>
<meta charset="utf-8">
<h1> Data Visualization on Global Terrorism Database using D3</h1>
<h2> Analysis of Terrorism in India</h2>
<div id="myDropdown" class="dropdown-content">
<label id= "label">Select Time Period</label>
<select id = "myList">
<option selected="">Please Select</option>
<option value ="yr1">Terrorist Attacks in India under Janata Party Government (1977-1979)</option>
<option value ="yr2">Terrorist Attacks in India under Indian National Congress Government (1980-1989)</option>
<option value ="yr3">Terrorist Attacks in India under INC-Janata Dal-Samajwadi Governments (1989-1998)</option>
<option value ="yr4">Terrorist Attacks in India under NDA Government (1998-2003)</option>
<option value ="yr5">Terrorist Attacks in India under UPA Government (2003-2014)</option>
<option value ="yr6">Terrorist Attacks in India under BJP Government (2014-2016)</option>
</select>
<button id="showBars" onclick="showBars();">Show Data </button>
</div>
<div id="myShow" class="dropdown-content"></div>
<label margin-top=100px>Terrorism Activities Heatmap</label>
<div id="heatmap-canvas" style="width:1400px; height:720px; margin-left: 20px" ></div>
In this project , an attempt was made to visualize the terrorism activities
in India from 1977 to 2016 and trying to establish a relationship
with the Government Tenures in India.Data Visualization has a
great impact as it helps to find information which is not known and
which can be of great relevance to many people,specifically those
who are in power. For the visualization , the prominent Javascript
Library D3 was used and several visualization techniques were explored
in the process.<br>
The visualization when co related with Government Tenures and Real world events have a great implication. It can be seen how dur- ing the 1980 to 1989 the Sikh Extremists were carrying large scale attacks in the north western part which gradually decreased over the time. When compared with real events such as Indira Gandhi’s Assassination and Anti Sikh Riots how the activities were related. From the Heatmap visualization it can be seen how the North West- ern border areas are consistently under terrorist attacks for past 30 years, does that something related to bad neighbours foreign poli- cies ? That question is left to national security advisers. If it can be implemented on a greater scale,The Visualization can give a lot of insights to the real world events.<br>
<label>Terrorism Activities BarGraph</label>
<div id="bargraph">
<svg id="svg1" width="1400" height="720"></svg>
</div>
<label>Terrorism Activities LineChart</label>
<script src="http://d3js.org/d3.v4.min.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="http://leaflet.github.io/Leaflet.heat/dist/leaflet-heat.js"></script>
<script src="http://vizjs.org/viz.v1.1.0.min.js"></script>
<script src="index.js "></script>
<script src="sankey.js "></script>
<link rel="stylesheet" href="main.css">
<footer align="center">
<a href="https://github.com/someaditya/Terrorism-Data-Visualization">Project hosted on Github</a>
<a href="https://www.kaggle.com/someadityamandal/terror-attacks-in-india-a-political-analysis">Python based Notebook on Kaggle</a>
<div id="cite"><b>*</b>Data source: <a href="http://www.start.umd.edu/gtd/">Global Terrorism Database</a></div>
</footer>