-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (67 loc) · 3.11 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style/style.css">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Mapping of Crime Against Women</title>
</head>
<body>
<div class="story">
<div class="headline-container">
<h1 class="headline">
Mapping of Crime Against Women
</h1>
<h3 class="byline">
By Himanshu Sahu
<hr class="line_top">
</h3>
<!-- <h3 class = "byline dateline">
December 2, 2017
</h3> -->
<p class="tease">
As many as 2.24 million such crimes against women were reported over the past decade.
</p>
</div>
<div id="map-choropleth">
<div class="legend"></div>
<div class="viz">
<h2 style="font-size: 3em; margin-bottom: 2.5em; margin-top: 1.5em;">Loading...</h2>
</div>
</div>
<div class="chart-source copy">Source: National Crime Records Bureau (NCRB)</div>
<div class='copy-container'>
<section class="copy">
<p>Crimes against women have more than doubled over the past ten years, according to latest.</p>
<p>As many as 2.24 million crimes against women were reported over the past decade: 26 crimes against women
are reported every hour, or one complaint every two minutes</p>
<p>The semantic meaning of "crime against women" is direct or indirect physical or mental cruelty to
women. Crimes directed specifically against women and in which only women are victims are characterised
as "crimes against women".</p>
</section>
</div>
<h1 class="headline" style="text-align:center">Analysis of Crime Against Women State-wise</h1>
<label id="bar_sort">
<input type="checkbox" id="check"> Sort values</label>
<div id="bar"></div>
</div>
<div id="line_chart">
<h1 class="headline" style="text-align:center">Analysis of Crime Against Women Crime-Wise</h1>
<select id="CrimeDropDown">
<option name="Rape">Rape</option>
<option name="Dowry">Dowry</option>
<option name="Cruelty">Cruelty</option>
</select>
</div>
<!-- <div id="pie_chart">
<h1 class="headline" style="text-align:center">Analysis of Contribution of Each Crime</h1>
</div> -->
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/topojson/2.2.0/topojson.min.js"></script>
<script type="text/javascript" src="script/d3tip.js"></script>
<script type="text/javascript" src="script/script1.js"></script>
<script type="text/javascript" src="script/script3.js"></script>
<script type="text/javascript" src="script/script5.js"></script>
</body>