-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
618 lines (618 loc) · 37.7 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
<!DOCTYPE html><html lang="en">
<head>
<title>Nirmal Bharat Abhiyan: trends</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="shortcut icon" href="img/favicon.ico">
<style>
body { padding-top: 60px; }
#home, #state, #methodology, #dataChanges{font-size:1.1em;}
#home:hover, #methodology:hover, #dataChanges:hover{color:#000;}
.nav li a{font-size:1.1em;}
h2 { font-size: 125%; line-height: 1.25; color: #c0504d; }
.icon-search { margin-top: -8px; margin-left: 220px; opacity: 0.4; }
#chart .l2 {
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease-out; /* Chrome 1-25, Safari 3.2+ */
-moz-transition: all 0.3s ease-out; /* Firefox 4-15 */
-o-transition: all 0.3s ease-out; /* Opera 10.50-12.00 */
transition: all 0.3s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}
.dropdown-menu{ min-width: 300px; max-height: 475px; overflow:auto;}
.logo{ width:120px; height:90px; background:#fff; border:1px solid #999; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.logo:hover{ border:1px solid #08c; -webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25);}
footer{ padding:10px; background:#ddd; border-top:1px solid #888;}
.chart, .legend { display: none;}
.legend select { margin-right: 1em; }
.drilldown #chart .l1 { stroke: none; fill: #fff; }
.drilldown #chart .l2 { opacity: 1; pointer-events: auto; }
.axis path, .axis line { fill: none; stroke: black; shape-rendering: crispEdges; }
.axis text { font-size: 11px; }
.scatter circle { fill-opacity: .9; }
.scatter .show { opacity: 1; stroke: rgba(0,0,0,.5); }
.scatter .fade { display: none; }
.scatter .mark, .districts .mark { fill: #4f81bd; }
.scatter .hide{ fill-opacity:0.0; stroke-opacity:0.0; }
.treemap .mark { fill: #4f81bd; }
.stack .mark { fill: #c0504d; font-weight: bold; }
.stack .fade { display: none; }
.stack .l0 { fill: #fff; }
.go-bold { font-weight: bolder; }
#datafiles { padding: 0; margin: auto; height: auto; }
#columns_cont{ padding-right:5px; }
#columns{ padding-left:5px; font-family: arial; color:#444; font-size: 1em; }
#source a { display: block; }
#right_container{ width:220px; font-size:0.7em; margin-top:38px;}
#header{ font-size: 1.2em; padding:5px; background-color: black; color:white; font-weight: bold; }
#details{ border:1px solid gray; padding:5px; }
#details tr td{ vertical-align: top; }
#info{ font-size: 1.1em; padding-top: 5px; line-height: 1.5em; }
.v0 text { fill: #08c; cursor: pointer; }
#gradient_cont{ width:956px; height: 30px; padding:1px; border:1px solid #eee; }
#gradient text{stroke:none; font-size:1em; font-family:arial; }
.vert0, .vert1{ fill:none; stroke:#fff; stroke-width:1; shape-rendering:crispEdges; }
.y1, .y2{ fill:#000; stroke:none; text-anchor:middle; font-size:0.8em; }
.horiz0, .horiz1{ fill:none; stroke:#999; stroke-width:1; shape-rendering:crispEdges; }
.h, .v{ fill:none; stroke:#fff; stroke-width:1; stroke-opacity:0.6; shape-rendering:crispEdges; }
#hide_btn{ position:absolute; margin-left:50px; margin-top:60px;}
.feature, .featureMS, .featureTB{ fill:#fcfcfc; stroke:#000; stroke-width:0.2px; cursor:pointer;}
.feature.active { fill:#ddd; }
.state_bubbles,.distsDor,.statCircs{ stroke:#888; }
.state_bubbles:hover,.distsDor:hover,.statCircs:hover{ stroke:#444; }
#copy_btn{ border-top-right-radius:4px; border-bottom-right-radius:4px;}
#brought{ font-size:12px; width:250px; padding-left:800px; margin-top:-15px;}
.tags{ text-anchor:middle; dominant-baseline:middle; font-family:arial; font-size:11px; pointer-events:none; }
.statsBoxT, .statsBoxC, .distsBoxT, .distsBoxC {stroke:#000; stroke-width:1px; shape-rendering:crispEdges; }
.statsBoxT:hover, .statsBoxC:hover, .distsBoxT:hover, .distsBoxC:hover {stroke:#000; stroke-width:2px;}
.lineST, .lineSC, .lineDT, .lineDC { stroke-width: 1.5px; fill:none; }
.dorFade{ stroke:2; opacity:0.09; stroke-opacity:0.09; shape-rendering:crispEdges;}
#cirTSC, #cirCEN, #recTSC, #recCEN, #recGRD { stroke: #000; cursor: pointer;}
.auto{ cursor: auto }
#tableData { min-height:300px; }
#tableData table{ border: 1px solid #ddd; width:1170px; }
#tableData { font-family:arial; font-size: 12px; }
#tableData tr.rows { background: #FCFCFC;}
#tableData tr:hover { background: #F5FAFF;}
#tableData tr td#cells { border:1px solid #fff; }
#colnames { background: #000; color:#fff; border:1px solid #fff; max-width:25px; cursor:context-menu; }
#statenames {padding-left:15px; background: #000; color:#fff; }
#statecol { min-width: 120px; max-width:120px; }
.loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; display:none;
background-image: url('img/loading.gif'); background-repeat: no-repeat ; background-position: center center;
}
#tooltipdc{ padding:2px 6px; background-color:black; min-width:35px; color:white; font-family:sans-serif; font-size:9pt;
}
</style>
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
</head><body>
<div class="navbar navbar-fixed-top">
<div class="row-fluid">
<div class="navbar-inner">
<div class="container">
<a id="home" class="brand" href="#">Home</a>
<ul class="nav"></ul>
<a id="dataChanges" class="brand" href="#"><span>Data Changes</span></a>
<a id="methodology" class="brand" href="#"><span>Methodology</span></a>
<div style="margin-top:10px;" class="pull-right">
<a href="http://www.indiawaterportal.org/topics/rural-sanitation" target="_blank">State of Sanitation</a> brought to you by <a href="http://arghyam.org/" target="_blank">Arghyam</a>
</div>
</div>
</div>
</div>
</div>
<div id="visual" class="container">
<div id="brought">- Brought to you by <a href="http://www.indiawaterportal.org/data-apps/#" target="_blank">Arghyam</a></div>
<h2 id="menu"></h2>
<h1 id="title"></h1>
<h3 id="subtitle"></h3>
<p id="exp_text"></p>
<div class="row-fluid">
<div class="btn-group span6" style="margin-bottom:15px;">
<button id="emb_btn" class="btn">Embed</button>
<input id="emb_text" style="width:250px; background:#fff; cursor:text;" class="btn"/>
<button id="copy_btn" class="btn">Copy</button>
<input id="status" style="border:none; margin-left:10px; width:150px; color:red;" ></input>
</div>
<div id="copy_cont" style="margin-left:45px; width:380px;" class="form-inline span3">
<label for="copy_title">Ctrl+c to Copy text</label>
<input type="text" id="copy_title" placeholder="Hover text">
</div>
</div>
<div>
<div id="legend_cont" style="margin-left:-1px; padding-bottom:10px;" class="span12">
<div class="legend treemap span5" data-story="treemap" style="margin-left:-1px;"></div>
<div class="legend stack span5" data-story="stack" style="margin-left:-1px;"></div>
<div class="legend scatter span5" data-story="scatter" style="margin-left:-1px;"></div>
<div class="legend boxscatter span5" data-story="boxscatter" style="margin-left:-1px;"></div>
<div class="legend dorlingCart span5" data-story="dorlingCart" style="margin-left:-1px;"></div>
<div class="legend dorling span5" data-story="dorling" style="margin-left:-1px;"></div>
<div id="data_cont" class="span5">
<div style="padding-left:90px;"><strong>From: 2001, Till (Change Date):</strong> <select id="datafiles" class="input-medium" style="padding:5px;"></select></div>
</div>
</div>
<div id="hide_btn" class="span9"><button id="hide_text" class="btn pull-right">Show / Hide State names</button></div>
</div>
<div id="otstate" class="row-fluid">
<div class="span8"><svg id="chart" width="960" height="500"></svg></div>
<div id="right_container" class="pull-right span2">
<div id="header"></div><div id="details"></div><div id="info"></div>
</div>
</div>
<div id="forstate" class="row-fluid">
<div id="ul_div" class="span10">
<ul class="nav nav-tabs" id="stateTab">
<li><a href="#MoneySpents" data-toggle="tab">Money Spent</a></li>
<li><a href="#ToiletsBuilts" data-toggle="tab">Toilets Built</a></li>
<li><a href="#Performances" data-toggle="tab">Performance</a></li>
<li><a href="#Censuss" data-toggle="tab">Census</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade" id="MoneySpents">
<h4>Money Spent</h4>
<p><b>Context: </b>The rural sanitation scheme allocates funds for different sanitation activities in villages. The main activities supported include: </p>
<p> 1). Construction of toilets - for individual households, public toilets and toilets for institutions such as schools and creches</p>
<p> 2). money for improving awareness on the need for toilets</p>
<p> 3). creating a supply chain for manufacturing toilet-ware and</p>
<p> 4). waste management efforts </p>
<p><b>Using the visualisation: </b>Use the drop down to toggle between spending on various components. Spending of each district is denoted by a corresponding circle. </p>
<p> 1). Size of the circle indicates budget set aside for that component</p>
<p> 2). Colour of the circle indicates how much the state / union territory has spent on rural sanitation when compared to what was planned. Greener the colour, better the spending.</p>
<div class="subparam" id="MoneySpent"></div>
<div><svg id="chartS1" width="955" height="500" style="border:1px solid #ddd;"></svg></div>
</div>
<div class="tab-pane fade" id="ToiletsBuilts">
<h4>Toilets Built</h4>
<p><b>Context: </b>The rural sanitation scheme promotes the construction of toilets in households, schools and nursery schools. These visuals will provide an understanding of how well the scheme is building toilets in rural areas.</p>
<p><b>Using the visualisation: </b>Use the drop down to toggle between toilets built for households, schools and anganwadis (nursery schools). Construction in each district is denoted by a corresponding circle.</p>
<p> 1). Size of the circle indicates number of toilets to be constructed</p>
<p> 2). Colour of the circle indicates achievement of construction by the state / union territory. Greener the colour, better the construction.</p>
<div class="subparam" id="ToiletsBuilt"></div>
<div><svg id="chartS2" width="955" height="500" style="border:1px solid #ddd;"></svg></div>
</div>
<div class="tab-pane fade" id="Performances">
<h4>Performance</h4>
<p><b>Context: </b>This visualisation compares spending on the rural sanitation scheme with construction of toilets for rural poor houses. Ideally, every district should fall on the linear trendline meaning that it spent a proportionate amount to how many toilets were constructed. Being off that line means that the state has either under-spent or overspent to build the same number of toilets. </p>
<p><b>Using the visualization: </b>Each circle represents one State / Union Territory. Click on a State or select from the drop down for the State and District that you want to see. The size of the circle represents rural poor toilets required. The x-axis is based on overall spending on rural sanitation (since toilet construction for the rural poor and allied activities is the biggest spend in the whole allotted sum). The y-axis is based on % toilets constructed for rural poor households. If the circle lies in the green part of thae graph - that means that the respective district is doing well, if it lies in the red part then it is not. </p>
<div><svg id="chartS3" width="960" height="500" ></svg></div>
</div>
<div class="tab-pane fade" id="Censuss">
<h4>Census</h4>
<p><b>Context: </b>When the 2011 Census data was published and asked about latrine owndership several states were in for a surprise as the numbers were completely different from the numbers that were being reported to the Ministry of Drinking Water and Sanitation's IMIS. Accountability Initiative looks at these numbers and analyses them for each state/ union territory. A full report can be accessed <a href="http://www.indiawaterportal.org/sites/indiawaterportal.org/files/fromoutlaystooutcomes_understandingthestatusofruralsanitationdata_accountabilityinitiative_arghyam_consolidated_report_2013.pdf" target="_blank">here</a>.</p>
<div id="svgcensus"></div>
<div id="svgcensuslegend"></div>
<br>
<div class="row-fluid">
<div id="cenTitle" class="span11" style="font-size:1.2em;"></div>
<div class="span11"> </div>
<div>
<div id="despT" class="span6" style="font-size:1em;"></div>
<div id="chartT" class="span6" style=""></div>
</div>
<div class="span11"><hr class="bs-docs-separator"></div>
<div>
<div id="chartB" class="span6" style=""></div>
<div id="despB" class="span6" style="font-size:1em;"></div>
</div>
<div class="span11"><hr class="bs-docs-separator"></div>
<div>
<div id="despC" class="span6" style="font-size:1em;"></div>
<div id="chartC" class="span6" style="min-height:350px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="gradient_cont" class="span12" style="margin-left:-2px;">
<svg id="gradient" width="956" height="30">
<defs>
<linearGradient id="gradient_legend" x="0%" y="0%">
<stop offset="5%" style="stop-color:#D73027;stop-opacity:1"/>
<stop offset="37%" style="stop-color:#FFFFBF;stop-opacity:1"/>
<stop offset="70%" style="stop-color:#1A9850;stop-opacity:1"/>
<stop offset="100%" style="stop-color:#000000;stop-opacity:1"/>
</linearGradient>
<linearGradient id="gradient_legend_SocP" x="0%" y="0%">
<stop offset="1%" style="stop-color:#D73027;stop-opacity:1"/>
<stop offset="30%" style="stop-color:#D73027;stop-opacity:1"/>
<stop offset="30%" style="stop-color:#90EE90;stop-opacity:1"/>
<stop offset="60%" style="stop-color:#90EE90;stop-opacity:1"/>
<stop offset="60%" style="stop-color:#1A9850;stop-opacity:1"/>
<stop offset="100%" style="stop-color:#000000;stop-opacity:1"/>
</linearGradient>
<linearGradient id="gradient_legend_dorCart" x="0%" y="0%">
<stop offset="1%" style="stop-color:#D73027;stop-opacity:1"/>
<stop offset="50%" style="stop-color:#FFFFBF;stop-opacity:1"/>
<stop offset="100%" style="stop-color:#1A9850;stop-opacity:1"/>
</linearGradient>
</defs>
</svg>
</div>
<br><br>
<div id="download_cont" style="margin:0; float:left;" class="span12">
<br>
<div style="float:left"><strong>Download</strong>:
<a href="#" id="data">full dataset</a> |
<a href="glossary/glossary_of_terms.xlsx">Glossary of terms</a>
</div>
<div style="float:left; padding-left:5px;" id="columns_cont"><strong>Columns used</strong>:<span id="columns"></span></div>
</div>
<br>
<div id="source_cont" style="float:left;margin-right:5px;"><strong>Source</strong>:</div>
<div style="float:left;" id="source"></div>
<div style="clear:both;"></div>
<div id="slideshare">
<br><iframe id="pptFrame" width='500px' height='385px' frameborder='0'>This is an embedded Microsoft Office presentation, powered by Office Web Apps. </iframe>
</div>
<br>
</div>
<div id="about" class="container">
<h2>Ministry of Water & Sanitation</h2>
<h1>Nirmal Bharat Abhiyan: Trends</h1>
<div class="row-fluid">
<div class="span6">
<p>Open defecation in rural india remains a problem that perplexes policy makers. The first, government level initiative to tackle it came in the form of the Central Rural Sanitation Programme in 1986. A subsidy driven approach was adopted. This programme morphed to take into account the necessity to educate and empower people to adopt and use toilets - the Total Sanitation Campaign in 1999 and to adopt a panchayat based approach rather than a household based one - the Nirmal Bharat Abhiyan in 2012. The scheme was allotted Rs. 3500 crores in 2012-13 budget (before revision) and around 27 lakh toilets were constructed last year.</p>
<p>The Ministry of Drinking Water and Sanitation, Government of India, under which this scheme is housed puts out detailed financial and physical progress data. This is supposed to provide anyone who is interested a snapshot of the rural sanitation situation in the country. This was also a large scale attempt to decentralise data collection as districts enter data into the IMIS on the government website directly. What has resulted is a vast collection of cumulative data from 2001 on the status of sanitation, available up to the habitation level.</p>
<p>This effort by the government to put data proactively on the website must provide much reason to rejoice. However, several concerns remain about the quality of the data that is available. The latest numbers that challenge the MDWS data come from the census, according to which around 3.5 crore toilets are missing.</p>
<p><a href="http://arghyam.org" target="_blank">Arghyam</a> is a public charitable foundation set up by Rohini Nilekani in 2005 - Safe, sustainable water for all. One of our key focus areas is looking at government spends on sanitation - from both the qualitative aspects of data that is present on the website and also the implementation of the government's scheme.</p>
<p>To answer questions about data, Arghyam is collaborating with Gramener. The aim of this collaboration is to understand the sanitation data better & help open up the data actually.</p>
<p>As a first step we are taking data off of the website and analysing it to understand it better. These analyses - as stories accompanied by visualisations will be uploaded periodically here.</p>
</div>
<div class="span6" id="about-entry"></div>
</div>
</div>
<div id="demo" class="container">
<h1>Rural sanitation scheme - progress & performance</h1>
<h4>We can find out how the rural sanitation scheme is doing because of the data that is published on the <a href="http://tsc.gov.in" target="_blank">Ministry of the Drinking Water and Sanitation website</a>. This project aims to create simple tools that will demystify the large datasets and compare it to other relevant datasets.</h4>
<div class="row-fluid">
<div class="span12">
<a class="demo thumbnail pull-left" href="#Money%20spent%7CTotal%20money%20spent%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Money spent</h4>
<img src="img/total_money_spent_on_rural_sanitation.png">
<h3>Total money spent on rural sanitation</h3>
<p>How much money has each state spent on the rural sanitation scheme?</p>
</a>
<a class="demo thumbnail pull-left" href="#Money%20spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Money spent</h4>
<img src="img/spending_on_rural_sanitation.png">
<h3>Spending on Rural Sanitation</h3>
<p>What is the spending on the various components of rural sanitation?</p>
</a>
<a class="demo thumbnail pull-left" href="#Money%20spent%7CMoney%20spent%20on%20building%20toilets%20for%20the%20rural%20poor">
<h4 style="padding-left:5px">Money spent</h4>
<img src="img/money_spent_on_building_toilets_for_the_rural_poor.png">
<h3>Money Spent on building toilets for the Rural Poor</h3>
<p>How have the incentives been given for toilet construction?</p>
</a>
<a class="demo thumbnail pull-left" href="#Money%20spent%7CMoney%20spent%20on%20sanitation%20coverage%20of%20rural%20schools">
<h4 style="padding-left:5px">Money spent</h4>
<img src="img/money_spent_on_sanitation_coverage_of_rural_schools.png">
<h3>Money spent on sanitation coverage of rural schools</h3>
<p>How effectively has money allotted for providing sanitation in rural schools been spent?</p>
</a>
<a class="demo thumbnail pull-left" href="#Money%20spent%7CMoney%20spent%20on%20sanitation%20coverage%20of%20rural%20nursery%20schools">
<h4 style="padding-left:5px">Money spent</h4>
<img src="img/money_spent_on_sanitation_coverage_of_rural_nursery_schools.png">
<h3>Money spent on sanitation coverage of rural nursery schools</h3>
<p>Is the spending on track for rural nursery schools (anganwadis)?</p>
</a>
<a class="demo thumbnail pull-left" href="#Money%20spent%7CMoney%20given%20vs.%20Money%20spent">
<h4 style="padding-left:5px">Money spent</h4>
<img src="img/money_given_vs_money_spent.png">
<h3>Money Given vs Money Spent</h3>
<p>What is the contribution of the state, centre and people towards toilet construction?</p>
</a>
<a class="demo thumbnail pull-left" href="#Toilets%20built%7CTotal%20Sanitation%20Coverage">
<h4 style="padding-left:5px">Toilets built</h4>
<img src="img/total_sanitation_coverage.png">
<h3>Total sanitation coverage</h3>
<p>How many toilets has rural India constructed?</p>
</a>
<a class="demo thumbnail pull-left" href="#Toilets%20built%7CEvaluation%20of%20toilets%20built%20for%20the%20rural%20poor">
<h4 style="padding-left:5px">Toilets built</h4>
<img src="img/evaluation_of_toilets_built_for_the_rural_poor.png">
<h3>Evaluation of toilets built for the rural poor</h3>
<p>How many toilets were built for rural poor households? Have targets been met?</p>
</a>
<a class="demo thumbnail pull-left" href="#Toilets%20built%7CCoverage%20of%20Toilets%20-%20Rural%20Households">
<h4 style="padding-left:5px">Toilets built</h4>
<img src="img/coverage_of_toilets-rural_households.png">
<h3>Coverage of toilets Rural households</h3>
<p>How does toilet coverage compare with total rural households as per census 2011?</p>
</a>
<a class="demo thumbnail pull-left" href="#Toilets%20built%7CToilets%20built%20for%20Schools">
<h4 style="padding-left:5px">Toilets built<h4>
<img src="img/toilets_built_for_rural_schools.png">
<h3>Toilets built for Schools</h3>
<p>This is critical because it helps inculcate sanitation habits from childhood. Has toilet construction kept pace with targets?</p>
</a>
<a class="demo thumbnail pull-left" href="#Toilets%20built%7CToilets%20built%20for%20Nursery%20Schools">
<h4 style="padding-left:5px">Toilets built</h4>
<img src="img/toilets_built_for_nursery_schools.png">
<h3>Toilets built for Nursery Schools</h3>
<p>Nursery schools are important to prevent child malnutrition and hunger. Have we been able to provide them with toilets?</p>
</a>
<a class="demo thumbnail pull-left" href="#Toilets%20built%7CToilets%20built%20for%20the%20rural%20poor%20-%20data.gov.in">
<h4 style="padding-left:5px">Toilets built</h4>
<img src="img/toilets_built_for_the_rural_poor_-_data_gov_in.png">
<h3>Toilets built for the rural poor - data.gov.in</h3>
<p>MDWS data on rural poor toilet coverage on opendata.gov.in</p>
</a>
<a class="demo thumbnail pull-left" href="#Performance%7CComparing%20spending%20to%20toilet%20construction%20-%20TSC">
<h4 style="padding-left:5px">Performance</h4>
<img src="img/comparing_spending_to_toilet_construction.png">
<h3>Comparing spending to toilet construction</h3>
<p>How do toilet construction and spending on toilet construction compare?</p>
</a>
<a class="demo thumbnail pull-left" href="#Performance%7CToilet%20coverage%20Census%202001%20-%202011">
<h4 style="padding-left:5px">Performance</h4>
<img src="img/toilet_coverage_census_2001_-_2011.png">
<h3>Toilet coverage Census 2001 - 2011</h3>
<p>Changes in rural toilet coverage over the decade - Census 2001 to 2011.</p>
</a>
<a id="stateprofile" class="demo thumbnail pull-left" href="#states">
<h4 style="padding-left:5px">State Profiles</h4>
<img src="img/state_pages.png">
<h3>State performance in rural sanitation</h3>
<p>Find out how your state is doing in rural sanitation.</p>
</a>
<a class="demo thumbnail pull-left" href="#datachanges">
<h4 style="padding-left:5px">Data Change</h4>
<img src="img/datachange.png">
<h3>Changes to data entry</h3>
<p>Have the states entered data into the IMIS this month?</p>
</a>
</div>
</div>
<div class="container" style="margin-top:25px;">
<p> For more queries and feedback please contact us: <a href="http://www.indiawaterportal.org/contact" target="_blank"><code>click here</code></a></p>
</div>
</div>
<div id="stateicons" class="container" style="display:none">
<h1>State profiles</h1>
<div class="row-fluid">
<div class="span12">
<a class="thumbnail stateicon pull-left" href="#State%7CAndhra%20Pradesh%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Andhra Pradesh</h4>
<img src="img/AP.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CArunachal%20Pradesh%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Arunchal Pradesh</h4>
<img src="img/AR.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CAssam%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Assam</h4>
<img src="img/AS.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CBihar%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Bihar</h4>
<img src="img/BH.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CChhattisgarh%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Chhattisgarh</h4>
<img src="img/CH.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CD%20%26%20N%20Haveli%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">D & N Haveli</h4>
<img src="img/D&NH.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CGoa%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Goa</h4>
<img src="img/GA.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CGujarat%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Gujarat</h4>
<img src="img/GJ.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CHaryana%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Haryana</h4>
<img src="img/HR.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CHimachal%20Pradesh%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Himachal Pradesh</h4>
<img src="img/HP.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CJammu%20%26%20Kashmir%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Jammu & Kashmir</h4>
<img src="img/J&K.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CJharkhand%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Jharkhand</h4>
<img src="img/JH.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CKarnataka%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Karnataka</h4>
<img src="img/KR.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CKerala%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Kerala</h4>
<img src="img/KL.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CMadhya%20Pradesh%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Madhya Pradesh</h4>
<img src="img/MP.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CMaharashtra%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Maharastra</h4>
<img src="img/MH.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CManipur%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Manipur</h4>
<img src="img/MN.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CMeghalaya%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Meghalya</h4>
<img src="img/MG.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CMizoram%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Mizoram</h4>
<img src="img/MZ.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CNagaland%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Nagaland</h4>
<img src="img/NG.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7COrissa%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Orissa</h4>
<img src="img/OR.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CPuducherry%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Puducherry</h4>
<img src="img/PY.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CPunjab%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Punjab</h4>
<img src="img/PJ.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CRajasthan%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Rajasthan</h4>
<img src="img/RJ.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CSikkim%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Sikkim</h4>
<img src="img/SK.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CTamil%20Nadu%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Tamilnadu</h4>
<img src="img/TN.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CTripura%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Tripura</h4>
<img src="img/TR.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CUttar%20Pradesh%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Uttar Pradesh</h4>
<img src="img/UP.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CUttarakhand%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">Uttarakhand</h4>
<img src="img/UT.png">
</a>
<a class="thumbnail stateicon pull-left" href="#State%7CWest%20Bengal%7CMoney%20Spent%7CSpending%20on%20rural%20sanitation">
<h4 style="padding-left:5px">West Bengal</h4>
<img src="img/WB.png">
</a>
</div>
</div>
</div>
<div id="method" class="container" style="display:none; min-height:455px;">
<div class="row-fluid">
<div class="span10">
<h1>Methodology and Disclaimer</h1>
<h4>Methodology:</h4>
<p>This site is made up of data visualizations done by Gramener on behalf of Arghyam. The purpose of which is to demystify sanitation data in India.</p>
<p>All the data on this site is sourced Government of India data from <a href="http://tsc.gov.in/tsc/NBA/NBAHome.aspx" target="_blank">TSC.GOV.IN</a> or directly from the <a href="http://censusindia.gov.in/" target="_blank">Indian Census Bureau</a>. You can see the exact data source for each visual at the bottom of each page.</p>
<p>The data was not changed or altered in anyway. You can see the code for our visualizations here on <a href="https://github.com/arghyam/arghyam-scrapers" target="_blank">Github</a>.</p>
<p>The TSC.GOV.IN data is being updated weekly from the website and is being archived by Arghyam for future analysis. We do not claim accuracy of the data.</p>
<p>For further questions please <a href="http://indiawaterportal.org/contact" target="_blank">contact us.</a></p>
<h4>Disclaimer:</h4>
<p>We are providing the data here with the understanding that we are not representing it to be accurate, correct or complete for your intended purpose. Please see India Water Portal's full <a href="http://www.indiawaterportal.org/disclaimer" target="_blank">disclaimer</a>.</p>
</div>
</div>
</div>
<div id="dataChange" class="container" style="display:none; min-height:455px;">
<div class="row-fluid">
<div style="margin-left:-1px;">
<h1>Data Change</h1>
<p><b>Context:</b> Both physical achievement numbers and expenditure data must be updated by the districts once a month on to the IMIS. This is important to keep the data current. Understanding this is critical as it helps provide perspective on the trends that districts show on sanitation. For e.g. it helps explain why they are "under-achieving" in physical and financial progress as well.</p>
<p><b>Using the visualisation:</b> Toggle between finance and performance for expenditure and physical coverage data. Three colours are used in the visual:</p>
<ul>
<li>Green indicates that data was entered and there has been a positive change from previous value</li>
<li>Yellow indicates that there has been no data entry for that month</li>
<li>Red indicates that data entered is lesser than the previous value - which means a reduction in number.</li>
</ul>
<p id="datachange_ppt"><a style="cursor:pointer;">Click on the ppt for more help with using the visualisation.</a></p>
<br>
<div class="pull-left">
<select id="date_changes"></select>
</div>
<div id="dataChangesbtns" class="">
<div class="btn-group pull-right" data-toggle="buttons">
<button class="btn btn-primary active" id="fin_btn">Finance</button>
<button class="btn" id="perf_btn">Performance</button>
</div>
<br>
</div>
<div id="tableData"></div>
<iframe width='500px' height='385px' frameborder='0' src='https://onedrive.live.com/embed?cid=44822B77589D1B71&resid=44822B77589D1B71%21138&authkey=AEpMNb3OEIUQTBY&em=2&wdAr=1.3333333333333333' width='350px' height='286px' frameborder='0'>This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a> presentation, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>.</iframe>
</div>
</div>
</div>
<br>
<div class="loader"></div>
<footer>
<div class="container">
<div class="row-fluid">
<div class="span2">
<a href="http://www.indiawaterportal.org/topics/rural-sanitation" target="_blank">
<div class="logo" style="float:left;">
<span><img style="margin:0 20px;" src="img/sos_logo.png" width="80" height="80"></span>
</div>
</a>
</div>
<div class="span3"></div>
<div class="span2" style="padding-left:2%;">
<a href="http://www.arghyam.org" target="_blank">
<div class="logo" style="float:center;">
<span><img style="margin:8px;" src="img/arghyam_logo.jpg" width="100" height="80"></span>
</div>
</a>
</div>
<div class="span3"></div>
<div class="span2"><div style="padding-left:30%">Powered by:</div>
<a href="http://www.gramener.com" target="_blank">
<div class="logo" style="float:right; height:70px;">
<span><img style="margin:10px; margin-top:25px;" src="img/gramener_logo.jpg" width="100" height="80"></span>
</div>
</a>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/underscore-min.js"></script>
<script src="js/jquery.zclip.min.js"></script>
<script src="js/d3.v2.min.js"></script>
<script src="js/topojson.v0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="stories.js"></script>
<script src="js/main.js"></script>
<script>
$(window).on('load resize', function() {
$('.row').each(function() {
var cells = $('.thumbnail', this);
cells.css('min-height', 0);
var height = Math.max.apply(0, cells.map(function() { return $(this).outerHeight(); }));
cells.css('min-height', height);
});
});
$('.menu').on('click', 'input[type=checkbox]', function() {
for (var re=[], vals=$('form').serializeArray(), i=0, row; row=vals[i]; i++) {
re.push('\\b' + row.name + '\\b');
}
re = new RegExp(re.join('|'), 'i');
$('a.thumbnail').each(function() {
var $this = $(this);
var match = !!$this.attr('class').match(re);
var visible = $this.is(':visible');
if (match != visible) {
if (match) { $this.show(); }
else { $this.hide(); }
}
});
});
d3.selectAll('.demo').on('click', function(){ window.scrollTo(0, 0); });
d3.select('#datachange_ppt').on('click', function(){ window.scrollTo(0, document.body.scrollHeight); });
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3937466-7']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body></html>