-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
113 lines (102 loc) · 6.58 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Visualising Water Data</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Visualising Water Data for India Water Portal">
<meta name="author" content="ajantriks">
<!-- Google Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Bitter|Open+Sans' rel='stylesheet' type='text/css'>
<!-- Le styles -->
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
</style>
<link href="lib/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="lib/bootstrap/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../assets/ico/favicon.png">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="brand">Visualising Water Data</div>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Visualisations <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="drought_maps.html">Drought Maps</a></li>
<li><a href="ground_water.html">Ground Water Charts</a></li>
<li><a href="kausani_rainfall.html">Kausani Rainfall Charts</a></li>
<li><a href="rainfall_ground_water_motion_charts.html">Rainfall and Ground Water Motion Charts</a></li>
<li><a href="rainfall_maps.html">Rainfall Maps</a></li>
</ul>
</li>
</ul>
</div>
<div class="navbar-inner pull-right">
<ul class="nav">
<li><a href="http://indiawaterportal.org/" target="_blank">India Water Portal</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<h3>Visualisations for India Water Portal</h3>
<p>This is a collection of maps and charts created for the the <a href="http://indiawaterportal.org/" target="_blank">India Water Portal</a>.</p>
<br />
<h4>Visualisations:</h4>
<p>The collections consists of four types of charts and maps:</p>
<br />
<ul>
<li><a href="drought_maps.html">Drought Maps</a> Rainfall data collected by the <a href="http://www.imd.gov.in/" target="_blank">India Meteorological Department</a> (IMD) during the hundred years period of 1905 to 1997 are used to generate these district level maps of annual incidents of drought in India.
</li><br />
<li><a href="ground_water.html">Ground Water Charts</a>: Plotting district-wise ground water levels for each state, for the period 2005-2009. The data is sourced from the <a href="http://cgwb.gov.in/" target="_blank">Central Ground Water Board</a>.
</li><br />
<li><a href="rainfall_ground_water_motion_charts.html">Rainfall and Ground Water Motion Charts</a>: These charts plot monthly (aggregate) rainfall and ground water level for districts, either at all India level or at the state level, for each month for the years 2005-2009. Both the data sets -- rainfall and ground water level -- is sourced from IMD.
</li><br />
<li><a href="kausani_rainfall.html">Kausani Rainfall Charts</a>: These charts compare monthly rainfall data for the district of Almora (Uttarkhand) collected by IMD, and daily rainfall data collected for Kausani, in the district of Almora, by Mr. David Hopkins.
</li><br />
<li><a href="rainfall_maps.html">Rainfall Maps</a>: Map of average monthly rainfall in each district for all years from 1901 to 2002. The data is sourced from IMD.
</li></ul>
<br />
<h4>Credits and License:</h4>
<br />
<p>Created by <a href="http://www.ajantriks.net/" target="_blank">Sumandro Chattapadhyay</a> for <a href="http://indiawaterportal.org/" target="_blank">India Water Portal</a>.</p>
<p>All visualisations are developed using <a href="http://cran.r-project.org/" target="_blank">R</a>.</p>
<p>Pages written using <a href="http://twitter.github.com/bootstrap/" target="_blank">Bootstrap</a>, <a href="http://www.google.com/webfonts/" target="_blank">Google Web Fonts</a>, <a href="http://softwaremaniacs.org/soft/highlight/en/" target="_blank">Highlight.js</a>, <a href="http://lokeshdhakar.com/projects/lightbox2/" target="_blank">Lightbox</a> and <a href="http://ivaynberg.github.io/select2/" target="_blank">Select2</a>.</p>
<p>Code for all the visualisations is available on <a href="https://github.com/ajantriks/iwp" target="_blank">GitHub</a>.</p>
<p>Code (but not data) is released under Creative Commons <a href="http://creativecommons.org/licenses/by-sa/3.0/" target="_blank">Attribution-ShareAlike 3.0 Unported</a> license.</p>
<p>Reorganised <a href="https://github.com/ajantriks/iwp/tree/master/data" target="_blank">data</a> has been shared only for the purpose of checking and validating the charts and maps.</p>
<p>It is necessary to take required permission from the original creator of data before re-using it.</p>
<p><strong>Note: Please link back to this page while sharing or re-using this work.</strong></p>
<br />
<br />
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="lib/bootstrap/js/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap-dropdown.js"></script>
<script src="lib/bootstrap/js/bootstrap-collapse.js"></script>
</body>
</html>