-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·681 lines (530 loc) · 45 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
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Value of one vote</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body id="top">
<!-- header
================================================== -->
<header class="s-header">
<div class="header-logo">
<a class="site-logo" href="index.html">
<img src="images/mylogo.png" alt="Source - Getty Images, Creative Commons">
</a>
</div> <!-- end header-logo -->
<!-- <nav class="header-nav">
<a href="#0" class="header-nav__close" title="close"><span>Close</span></a>
<div class="header-nav__content">
<h3>Transcend Studio</h3>
<ul class="header-nav__list">
<li class="current"><a class="smoothscroll" href="#home" title="home">Home</a></li>
<li><a class="smoothscroll" href="#about" title="about">About</a></li>
<li><a class="smoothscroll" href="#services" title="services">Services</a></li>
<li><a class="smoothscroll" href="#works" title="works">Works</a></li>
<li><a class="smoothscroll" href="#contact" title="contact">Contact</a></li>
</ul>
<p>Perspiciatis hic praesentium nesciunt. Et neque a dolorum <a href='#0'>voluptatem</a> porro iusto sequi veritatis libero enim. Iusto id suscipit veritatis neque reprehenderit.</p>
<ul class="header-nav__social">
<li>
<a href="#0"><i class="fab fa-facebook"></i></a>
</li>
<li>
<a href="#0"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#0"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="#0"><i class="fab fa-behance"></i></a>
</li>
<li>
<a href="#0"><i class="fab fa-dribbble"></i></a>
</li>
</ul>
</div> <!-- end header-nav__content -->
<!-- </nav> end header-nav -->
<!-- <a class="header-menu-toggle" href="#0">
<span class="header-menu-icon"></span>
</a> -->
</header> <!-- end s-header -->
<!-- home
================================================== -->
<section id="home" class="s-home target-section" data-parallax="scroll" data-image-src="images/indian-parlament.jpg" data-natural-width=3000 data-natural-height=2000 data-position-y=top>
<div class="shadow-overlay"></div>
<div class="home-content">
<div class="row home-content__main">
<i>Source - Getty Images, Creative Commons</i>
<h1>
This is the value of one vote.
</h1>
<p>
A visualisation of what a vote really means and why it remains the way it is.
</p>
</div> <!-- end home-content__main -->
</div> <!-- end home-content -->
<!-- <ul class="home-sidelinks">
<li><a class="smoothscroll" href="#about">About<span>who we are</span></a></li>
<li><a class="smoothscroll" href="#services">Services<span>what we do</span></a></li>
<li><a class="smoothscroll" href="#contact">Contact<span>get in touch</span></a></li> -->
<!-- </ul> end home-sidelinks -->
<!-- <ul class="home-social">
<li class="home-social-title">Follow Us</li>
<li><a href="#0">
<i class="fab fa-facebook"></i>
<span class="home-social-text">Facebook</span>
</a></li>
<li><a href="#0">
<i class="fab fa-twitter"></i>
<span class="home-social-text">Twitter</span>
</a></li>
<li><a href="#0">
<i class="fab fa-linkedin"></i>
<span class="home-social-text">LinkedIn</span>
</a></li> -->
<!-- </ul> end home-social -->
<a href="#about" class="home-scroll smoothscroll">
<span class="home-scroll__text">Scroll Down</span>
<span class="home-scroll__icon"></span>
</a> <!-- end home-scroll -->
</section> <!-- end s-home -->
<!-- about
================================================== -->
<section id='about' class="s-about">
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Vote Value</h3>
<h1 class="display-1">One Man. One Vote.</h1>
</div>
</div> <!-- end section-header -->
<div class="row" data-aos="fade-up">
<div class="col-full">
<p class="lead">
The concept of “one man, one vote” ensures political equality in a democracy. Simply put, this means every citizen’s vote is equally
powerful - carries the same amount of power. <br><br>
While this seems like a fair policy, it has not been fully or easily implemented in the Indian political context. As a result, not every
individual’s vote is equally powerful; even though each Indian voter can cast only one vote to elect one MP (Member of Parliament) to
represent him or her in the Lok Sabha.<br><br>
As is visible below, there are disparities in vote values between constituencies. In other words. one vote in the Andaman and Nicobar Islands
has the same weight as 6.72 votes in Agra. Voters in Agra are under-represented while voters in the Andaman and Nicobar Islands are over-represented.
The vote values are calculated by dividing every constituency's elector count by the elector count of the largest constituency.
<br><br>
<div align = "center" data-aos="fade-up">
<div class='tableauPlaceholder' id='viz1544083280581' style='position: relative'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/DD/DDJ_0/Dashboard2/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='DDJ_0/Dashboard2' /><param name='tabs' value='no' /><param name='toolbar' value='no' /><param name='static_image' value='https://public.tableau.com/static/images/DD/DDJ_0/Dashboard2/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1544083280581'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1000px';vizElement.style.height='800px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<i><b>Source</b> - TCPD, Lok Dabha</i>
</div>
</p>
</div>
</div>
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Malkajgiri and Lakshadweep</h3>
<h1 class="display-1">This is not even the starkest disparity.</h1>
<div class="row" data-aos="fade-up">
<div class="col-full">
<p class="lead">
The vote of a person living in Malkajgiri carries only <b>1/72</b> the value of a Lakshadweep resident's vote.
</p>
</div>
</div>
<div align = "center" data-aos="fade-up">
<div class='tableauPlaceholder' id='viz1544086246064' style='position: relative'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/DD/DDJ_0/Dashboard3/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='DDJ_0/Dashboard3' /><param name='tabs' value='no' /><param name='toolbar' value='no' /><param name='static_image' value='https://public.tableau.com/static/images/DD/DDJ_0/Dashboard3/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1544086246064'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1000px';vizElement.style.height='800px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<i><b>Source</b> - TCPD, Lok Dabha</i>
</div>
<p class="lead">
<br><br>
This phenomenon of disparity in the value of a vote within a state is called <b>malapportionment</b>. However, this phenomenon is a violation of the "one man, one vote" principle that most
democracies try to adhere to. In other words, it is what happens when the value of a citizen's vote is not uniform across all constituencies.
</p>
</div>
</div> <!-- end section-header -->
<div class="row" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Time</h3>
<h1 class="display-1">Decrease in value with time.</h1>
<div align = "center" data-aos="fade-up">
<div class='tableauPlaceholder' id='viz1544037817521' style='position: center'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/DD/DDJ_0/Dashboard1/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='DDJ_0/Dashboard1' /><param name='tabs' value='no' /><param name='toolbar' value='no' /><param name='static_image' value='https://public.tableau.com/static/images/DD/DDJ_0/Dashboard1/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='no' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1544037817521'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1000px';vizElement.style.height='800px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<i>Reduction in the value of a vote over time</i>
</div>
<br>
<p class="lead">
The value of a vote in a given constituency decreases with time, given the increase in the country's population over the years.
Take the example of Agra, Ajmer, Barrackpore, Tirupati, and Bastar - one can see that there is a clear decrease in the value
of one vote over time. It's the same case with most constituencies in the country. About <b>96%</b> (<i>Source - Data derived from Lok Dhaba</i>) of the Lok Sabha constituencies have
found their vote's value reduce since 1962.
</p>
</div>
</div>
<div class="row" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Calculation</h3>
<h1 class="display-1">How do we calculate the value of a vote?</h1>
<p class="lead">
While every vote is guaranteed to be the same, the value depends on how many electors there are in a particular constituency. The greater the number of voters in a constituency,
the smaller the value of a person's vote belonging to that constituency. In Uttar Pradesh, for example, one Lok Sabha MP now represents <b>25 lakh</b> people.
In Bihar, the value goes up even further to <b>26 lakh</b>. In West Bengal, however, the number drops to 22 lakh. In Tamil Nadu, it is 18 lakh and in Kerala only 17 lakh. In effect and indirectly, a Malayali has more than 1.5 times the
representation of a Bihari in the Lok Sabha.
</p>
</div>
</div>
<br><br>
<div class = "row" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Comparision Tool</h3>
<h1 class="display-1">Try it out yourself! </h1>
<p class="lead">
With the 2019 Lok Sabha elections approaching, the question of the power of the vote becomes particularly important.
Before you vote next year, here’s a way to find out its value compared to a single vote in a different constituency!
<br><br>
Enter the names of the constituencies and find out. This tool will tell you how much a vote in one constituency scales up to a vote in another constituency
</p>
<div align = "center">
<form action="#" id="cform">
<label><b>Constituency - 1 </b></label>
<select name="c1" id="my-c1">
</select>
<label><b>Constituency - 2</b></label>
<select name="c2" id="my-c2">
</select>
<input type="submit">
</form>
<div>
<h2 class="display-2">The value of one vote in
<div id="answer"></div></h2>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="constituencies.js"></script>
</div>
<br>
<p class="lead">
You can note, using the tool, that the disparity between vote values is not as marked within northern constituencies,
as it is between the northern and southern constituencies. This North-South divide is a lot more evident when their values
are plotted on the map.
</p>
<!-- VOTE VALUE MAP -->
<div align = "center" data-aos="fade-up">
<div class='tableauPlaceholder' id='viz1544278705289' style='position: relative'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/Ma/MapRatio/Dashboard1/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='MapRatio/Dashboard1' /><param name='tabs' value='no' /><param name='toolbar' value='no' /><param name='static_image' value='https://public.tableau.com/static/images/Ma/MapRatio/Dashboard1/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1544278705289'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1000px';vizElement.style.height='800px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<i>The value of a vote in different Lok Sabha constituencies</i>
</div>
</div>
</div>
<!-- THE FORM ENDS HERE -->
<br>
<br>
</div> <!-- end process -->
</div> <!-- end about-stats -->
</section> <!-- end s-about -->
<!-- services
================================================== -->
<section id='services' class="s-services light-gray">
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">History of the Vote</h3>
<h1 class="display-1">The history of the value of an Indian's vote.</h1>
</div>
<!-- USE THIS FOR FINAL REP!
<div align = "centre">
<div class='tableauPlaceholder' id='viz1544037175227' style='position: relative'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/DD/DDJ_0/Sheet1/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='DDJ_0/Sheet1' /><param name='tabs' value='no' /><param name='toolbar' value='no' /><param name='static_image' value='https://public.tableau.com/static/images/DD/DDJ_0/Sheet1/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1544037175227'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='100%';vizElement.style.height=(divElement.offsetWidth*0.75)+'px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
</div> -->
<div class="row" data-aos="fade-up">
<div class="col-full">
<p class="lead">
Historically, the value of the vote has come up time and again in the Indian Parliament. It looks something like this.
</p>
</div>
</div>
<div class="row">
<div class="about-process process block-1-2 block-tab-full">
<div class="process__vline-left"></div>
<div class="process__vline-right"></div>
<div class="col-block process__col" data-item="1" data-aos="fade-up">
<div class="process__text">
<h4>1952</h4>
<p>
The first ever Lok Sabha commenced with 489 seats.
</p>
</div>
</div>
<div class="col-block process__col" data-item="2" data-aos="fade-up">
<div class="process__text">
<h4>1971</h4>
<p>
The last increase in the number of Lok Sabha seats from 520 to 545. The number of seats was fixed at 545. But, the population of India has increased by <b>134%</b> since then.
</p>
</div>
</div>
<div class="col-block process__col" data-item="3" data-aos="fade-up">
<div class="process__text">
<h4>1976</h4>
During the emergency, the Parliament passed a bill that essentially froze the number of seats in the Lok Sabha till the year 2000. This freeze was based on the 1971 census data.
<p>
</p>
</div>
</div>
<div class="col-block process__col" data-item="4" data-aos="fade-up">
<div class="process__text">
<h4>2001</h4>
<p>
In the 84th amendment, the Lok Sabha decided that there will be no increase in the number of seats till 2026. A freeze.
</p>
</div>
</div>
<br>
</div> <!-- end process -->
<br><br>
<div class="row" data-aos="fade-up">
<div class="col-full">
<p class="lead">
In 1976, the Parliament froze the number of seats in the Lok Sabha, and the populations of the northern states were just a bit higher than the southern states.
That year, the Parliament – then under the Emergency – passed a constitutional
amendment that froze the number of seats each state held in Parliament as per the 1971 Census. Since then, the populations of the northern
states increased a lot faster than the southern states, such that the people of the north outnumbered citizens of the southern states by a large margin (almost 2:1).
The freeze was to end in 2000, so that the parliament could increase the number of Lok Sabha seats. However, in 2001 the Parliament extended this freeze till 2026. This will ensure that until 2026, the
Parliament's seat composition will represent the Indian population from over <b>50 years</b> ago.
<br><br>
The freeze has ensured that Hindi-speaking states such as Uttar Pradesh and Bihar, (whose populations have outnumbered many other
states owing to their population growth since the freeze) have not seen an increase in their seats in the Parliament as they should have.
The concept of 'One Man - One Vote' is not valid in such a scenario either.
<br><br>
</p>
<!-- THIS IS THE MAP FERTILIZITY -->
</div>
</div>
</div> <!-- end about-stats -->
</section>
<!-- stats
================================================== -->
<section id="stats" class="s-stats">
<div class="row stats block-1-4 block-m-1-2 block-mob-full" data-aos="fade-up">
<div class="col-block stats__col ">
<div class="stats__count">489</div>
<h5>Lok Sabha seats in <b>1952</b></h5>
</div>
<div class="col-block stats__col">
<div class="stats__count">525</div>
<h5>Lok Sabha seats in <b>1971</b></h5>
</div>
<div class="col-block stats__col">
<div class="stats__count">545</div>
<h5>Lok Sabha seats since <b>1976</b></h5>
</div>
<div class="col-block stats__col">
<div class="stats__count"><b>700</b></div>
<h5><b>million</b> more Indians since <b>1971</b></h5>
</div>
</div> <!-- end stats -->
</section> <!-- end s-stats -->
<section id='services' class="s-services light-gray">
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead">Reallocation</h3>
<h1 class="display-1">What happens if the seats are reallocated?</h1>
</div>
</div> <!-- end section-header -->
<div class="row" data-aos="fade-up">
<div class="col-full">
<div align = "center" data-aos="fade-up">
<div class='tableauPlaceholder' id='viz1544301549970' style='position: relative'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/ma/map_Fertile/Dashboard2/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='map_Fertile/Dashboard2' /><param name='tabs' value='no' /><param name='toolbar' value='no' /><param name='static_image' value='https://public.tableau.com/static/images/ma/map_Fertile/Dashboard2/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1544301549970'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1000px';vizElement.style.height='800px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<i>The fertility rates of the Indian States</i>
</div>
<br><br>
<p class="lead">
However, if this policy were to change and begin to accommodate for the population increase beginning in ‘71 (the population
has since doubled), we would start seeing the highly fertile northern states of Bihar and UP get a lot more Lok Sabha seats than
ever before. These highly fertile northern states were already occupy a dominant political position as even in 1976, they had the most Lok Sabha seats. This is substantiated by the results
of the 2014 Lok Sabha elections. As data from the recent general elections indicates, the Bharatiya Janata Party won <b>51%</b> of its seats
from just four states – Uttar Pradesh, Bihar, Rajasthan and Madhya Pradesh; conicidentally also the states with the highest fertility rates and population.
If the seats were allotted proportionate to population, this percentage would likely have been much higher.
<br><br>
</p>
<div align = "center" data-aos="fade-up">
<div class='tableauPlaceholder' id='viz1544302098910' style='position: relative'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/ma/mapNORTH/Dashboard2/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='mapNORTH/Dashboard2' /><param name='tabs' value='no' /><param name='toolbar' value='no' /><param name='static_image' value='https://public.tableau.com/static/images/ma/mapNORTH/Dashboard2/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1544302098910'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1000px';vizElement.style.height='800px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<i>The constituencies that would get broken up and increased in number</i>
</div>
<br><br>
<p class = "lead">
The reallocation of seats according to population, might completely marginalise the southern states, whose population or growth is much lower as
compared to their northern counterparts, as the number of seats they have would be far lesser as opposed to the current number. The southern states have a
fertility rate that is lower than that required for the replacement of their current population, meaning that their seat count would reduce over time. Should we follow a democratic system that makes sure that
malapportionment is never too high, this gap of representation between the north and the south will be one that is ever-widening. This would just breed
disatisfaction amongst the southern states against the government as their representation and the voice in the central government would diminsh. A central
government that does not reflect voices of enough states from all the corners might accomplish this. <br><br>
<div align = "center">
<div class='tableauPlaceholder' id='viz1544361650109' style='position: relative'><noscript><a href='#'><img alt=' ' src='https://public.tableau.com/static/images/st/stateMoneytoCenter/Dashboard1/1_rss.png' style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'><param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' /> <param name='embed_code_version' value='3' /> <param name='site_root' value='' /><param name='name' value='stateMoneytoCenter/Dashboard1' /><param name='tabs' value='no' /><param name='toolbar' value='no' /><param name='static_image' value='https://public.tableau.com/static/images/st/stateMoneytoCenter/Dashboard1/1.png' /> <param name='animate_transition' value='yes' /><param name='display_static_image' value='yes' /><param name='display_spinner' value='yes' /><param name='display_overlay' value='yes' /><param name='display_count' value='yes' /><param name='filter' value='publish=yes' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1544361650109'); var vizElement = divElement.getElementsByTagName('object')[0]; vizElement.style.width='1000px';vizElement.style.height='800px'; var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<i><b>Source</b> - Ministry of Finance and Reports of Finance Comissions</i><br>
<i>For every one rupee that the states give, how much they get back.</i>
</div>
</p>
<p class = "lead">
These states also contribute more to country's GDP per capita than the northern states, like UP and Bihar. Yet, in return they
recieve much less back from the central government. In a recent <i><a href = "https://www.livemint.com/Politics/MKiui1AyJUiWNsayS0wcMK/Revenue-sharing-Are-states-in-South-India-being-taken-for-a.html">Live Mint</a></i> article, it was reported that for every 1 Rupee that UP gives to the centre,
it gets back <b>1.79</b> Rupees back, whereas Karnataka only gets <b>0.47</b> Rupees back for every 1 Rupee they give.
The southern states already feel neglected due the aformentioned political and economic disparities.<br><br>
Pratap Bhanu Mehta (<i>Vice Chancellor, Ashoka University</i>) thinks that increasing the number of seats in the north to match their new population would "disempower the southern voter".
He also adds by saying that the value should not be thought of something as purely numerical, but rather, a weighted one. He does concede that this does
not justify this disparity but it is a necessary "democratic concession to federalism".<br><br>
India does not follow a system that avoids malapportionment to prevent the states that are essential to the country's economy and its federal structure from feeling neglected. It knowingly indulges in disproportionate representation to keep everyone
and every state
appeased. If India will continue this practice or not can only be found in <b>2026</b> - when the freeze finally expires.
</p>
</div>
</div>
<!-- THE COMPARE VISUAL ENDS HERE -->
<!-- end about-desc -->
</section> <!-- end s-services -->
<!-- stats
================================================== -->
<!-- <section id="stats" class="s-stats">
<div class="row stats block-1-4 block-m-1-2 block-mob-full" data-aos="fade-up">
<div class="col-block stats__col ">
<div class="stats__count">489</div>
<h5>Lok Sabha seats in <b>1952</b></h5>
</div>
<div class="col-block stats__col">
<div class="stats__count">525</div>
<h5>Lok Sabha seats in <b>1971</b></h5>
</div>
<div class="col-block stats__col">
<div class="stats__count">545</div>
<h5>Lok Sabha seats since <b>1976</b></h5>
</div>
<div class="col-block stats__col">
<div class="stats__count"><b>134%</b></div>
<h5>Population increase since <b>1971</b></h5>
</div> -->
<!-- </div> end stats -->
<!-- </section> end s-stats -->
<!-- contact
================================================== -->
<section id="contact" class="s-contact">
<div class="row section-header" data-aos="fade-up">
<div class="col-full">
<h3 class="subhead subhead--light">About the Team</h3>
<h1 class="display-1 display-1--light">This was our final project for CS 105/MS 107 about the value of a vote.</h1>
</div>
</div> <!-- end section-header -->
<div class="row">
<div class="col-full contact-main" data-aos="fade-up">
<p>
<a href="mailto:#0" class="contact-email">Anuka Bachawat</a><br>
<a href="mailto:#0" class="contact-email">Hari Krishnan</a><br>
<a href="mailto:#0" class="contact-email">Vineet Reddy</a>
<!-- <span class="contact-number">+1 (917) 123 456 / +1 (917) 333 987</span> -->
</p>
</div> <!-- end contact-main -->
</div> <!-- end row -->
<div class="row">
<div class="col-five tab-full contact-secondary" data-aos="fade-up">
<h3 class="subhead subhead--light">Where To Find Us</h3>
<p class="contact-address">
Somewhere around here<br>
Ashoka University, HR<br>
130029
</p>
</div> <!-- end contact-secondary -->
<!-- <div class="col-five tab-full contact-secondary" data-aos="fade-up">
<h3 class="subhead subhead--light">Follow Us</h3>
<ul class="contact-social">
<li>
<a href="#0"><i class="fab fa-facebook"></i></a>
</li>
<li>
<a href="#0"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a href="#0"><i class="fab fa-instagram"></i></a>
</li>
<li>
<a href="#0"><i class="fab fa-behance"></i></a>
</li>
<li>
<a href="#0"><i class="fab fa-dribbble"></i></a>
</li> -->
<!-- </ul> end contact-social -->
<!-- <div class="contact-subscribe">
<form id="mc-form" class="group mc-form" novalidate="true">
<input type="email" value="" name="EMAIL" class="email" id="mc-email" placeholder="Email Address" required="">
<input type="submit" name="subscribe" value="Subscribe">
<label for="mc-email" class="subscribe-message"></label>
</form> -->
<!-- </div> end contact-subscribe -->
</div> <!-- end contact-secondary -->
</div> <!-- end row -->
<div class="row">
<div class="col-full cl-copyright">
<span><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Made in ©<script>document.write(new Date().getFullYear());</script> CS105 - MS107 | This site is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://github.com/vineetred" target="_blank">Anuka, Hari and Vineet.</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></span>
</div>
</div>
<div class="cl-go-top">
<a class="smoothscroll" title="Back to Top" href="#top"><i class="icon-arrow-up" aria-hidden="true"></i></a>
</div>
</section> <!-- end s-contact -->
<!-- photoswipe background
================================================== -->
<div aria-hidden="true" class="pswp" role="dialog" tabindex="-1">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div><button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title=
"Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title=
"Zoom in/out"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div><button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button> <button class="pswp__button pswp__button--arrow--right" title=
"Next (arrow right)"></button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div> <!-- end photoSwipe background -->
<!-- preloader
================================================== -->
<div id="preloader">
<div id="loader">
</div>
</div>
<!-- Java Script
================================================== -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="constituencies.js"></script>
</body>
</html>