-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
662 lines (646 loc) · 33.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/styles/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./assets/styles/style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src='//code.jquery.com/jquery-2.2.2.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<link rel="shortcut icon" href="./assets//images/favicon.ico" type="image/x-icon">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YDK8G6QZPJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YDK8G6QZPJ');
</script>
<title>Info Viz</title>
</head>
<body>
<section class="hero">
<div class="isolate bg-white">
<div class="absolute inset-x-0 top-[-10rem] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[-20rem]">
<svg class="relative left-[calc(50%-11rem)] -z-10 h-[21.1875rem] max-w-none -translate-x-1/2 rotate-[30deg] sm:left-[calc(50%-30rem)] sm:h-[42.375rem]"
viewBox="0 0 1155 678">
<path fill="url(#45de2b6b-92d5-4d68-a6a0-9b9b2abad533)" fill-opacity=".3"
d="M317.219 518.975L203.852 678 0 438.341l317.219 80.634 204.172-286.402c1.307 132.337 45.083 346.658 209.733 145.248C936.936 126.058 882.053-94.234 1031.02 41.331c119.18 108.451 130.68 295.337 121.53 375.223L855 299l21.173 362.054-558.954-142.079z" />
<defs>
<linearGradient id="45de2b6b-92d5-4d68-a6a0-9b9b2abad533" x1="1155.49" x2="-78.208" y1=".177"
y2="474.645" gradientUnits="userSpaceOnUse">
<stop stop-color="#9089FC" />
<stop offset="1" stop-color="#FF80B5" />
</linearGradient>
</defs>
</svg>
</div>
<div class="px-6 pt-6 lg:px-8">
<nav class="flex items-center justify-between" aria-label="Global">
<div class="flex lg:flex-1">
<a href="#" class="-m-1.5 p-1.5 flex">
<img class="h-14" src="./assets/images/logo.svg" alt="">
</a>
</div>
<div class="hidden lg:flex lg:gap-x-12">
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">Home</a>
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">Tableau</a>
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">Python</a>
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">D3.js</a>
<a href="#" class="text-sm font-semibold leading-6 text-gray-900">Gephi</a>
</div>
</nav>
</div>
<main>
<div class="relative px-6 lg:px-8">
<div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
<div class="hidden sm:mb-8 sm:flex sm:justify-center">
<div onclick="alert('Coming Soon! Please Enjoy the story');"
class="relative rounded-full py-1 px-3 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
Resources and References which made this possible <a href="#"
class="font-semibold text-indigo-600"><span class="absolute inset-0"
aria-hidden="true"></span>Learn More <span aria-hidden="true">→</span></a>
</div>
</div>
<div class="text-center">
<h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">Hear the story of a
nation through data visualization
</h1>
<p class="mt-6 text-lg leading-8 text-gray-600">
A story of a nation is told through the data visualization of the country's GDP.
visualization of country like never before.
</p>
<div class="mt-10 flex items-center justify-center gap-x-6">
<a href="#"
class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Listen
to the story
</a>
</div>
</div>
</div>
<div
class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]">
<svg class="relative left-[calc(50%+3rem)] h-[21.1875rem] max-w-none -translate-x-1/2 sm:left-[calc(50%+36rem)] sm:h-[42.375rem]"
viewBox="0 0 1155 678">
<path fill="url(#ecb5b0c9-546c-4772-8c71-4d3f06d544bc)" fill-opacity=".3"
d="M317.219 518.975L203.852 678 0 438.341l317.219 80.634 204.172-286.402c1.307 132.337 45.083 346.658 209.733 145.248C936.936 126.058 882.053-94.234 1031.02 41.331c119.18 108.451 130.68 295.337 121.53 375.223L855 299l21.173 362.054-558.954-142.079z" />
<defs>
<linearGradient id="ecb5b0c9-546c-4772-8c71-4d3f06d544bc" x1="1155.49" x2="-78.208"
y1=".177" y2="474.645" gradientUnits="userSpaceOnUse">
<stop stop-color="#9089FC" />
<stop offset="1" stop-color="#FF80B5" />
</linearGradient>
</defs>
</svg>
</div>
</div>
</main>
</div>
</section>
<section class="intro">
<div class="quotes">
<div class="bg-gray-900 py-8 rounded overflow-hidden">
<blockquote class="text-2xl font-bold text-white mx-auto max-w-2xl rounded-lg">
<p>"Data is not the end of the conversation, it is the beginning of one"</p>
<cite class="block mt-4 text-gray-500 text-sm">- Authors, <em>Data Visulization Storytelling using
data [Page.No 206]
</em></cite>
</blockquote>
</div>
</div>
<div class="data-desc">
<div class="content">
<h1 class="title"><span>➽</span> What is GDP ? <br><span>➽</span> Why GDP ?</h1>
<p>
GDP stands for Gross Domestic Product and it is the total value of goods and services produced
within a
country's
borders over a specific period of time (usually a year). It's a measure of a country's economic
output
and is often used
to gauge the health of an economy.
</p>
<p class="">
GDP is important because it provides a way to compare the economic performance of different
countries
and
track
changes
in economic activity over time. It's also used by policymakers to make decisions about fiscal and
monetary
policies
that
can affect economic growth and employment.
</p>
<cite class="block mt-4 text-gray-500 text-sm">- Source IMF
<em>
<a
href="https://www.imf.org/en/Publications/fandd/issues/Series/Back-to-Basics/gross-domestic-product-GDP#:~:text=GDP%20measures%20the%20monetary%20value,the%20borders%20of%20a%20country.">GROSS
DOMESTIC PRODUCT: AN ECONOMY’S ALL</a>
</em>
</cite>
</div>
<div id="globe"></div>
</div>
</section>
<section class="world-gdp">
<h1 class="title"><span>➽</span> How does the Global GDP looks like ?</h1>
<div class='world-map' id='viz1678440721687' style='position: relative'><noscript><a href='#'><img alt='World Map '
src='https://public.tableau.com/static/images/GD/GDP-Analysis_16782995723920/WorldMap/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='GDP-Analysis_16782995723920/WorldMap' />
<param name='tabs' value='no' />
<param name='toolbar' value='yes' />
<param name='static_image'
value='https://public.tableau.com/static/images/GD/GDP-Analysis_16782995723920/WorldMap/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='language' value='en-GB' />
</object>
</div>
<div class="summary flex justify-around mt-10">
<div>
<h1 class="subtitle">Findings</h1>
<ul class="findings">
<li class="mb-4">
<p>➤ United States of America is the largest economy in the world</p>
</li>
<li class="mb-4">
<p>➤ China is the second largest economy in the world</p>
</li>
<li class="mb-4">
<p>➤ India is the 6'th largest economy in the World</p>
</li>
<li class="mb-4">
<p>➤ India accounted for 7.2% of global economy in 2022</p>
</li>
<li class="mb-4">
<p>➤ India's GDP is expected to grow at 7.5% in 2022</p>
</li>
</ul>
</div>
<div>
<h1 class="subtitle">Source</h1>
<ul class="resources">
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Data Set
<em>
<a href="https://www.imf.org/external/datamapper/NGDPD@WEO/WEOWORLD">IMF
World GDP $ Billion</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Data Set
<em>
<a href="https://drive.google.com/drive/u/0/folders/16vEh8l9GAgCnG7dHuZO4qpqf2jWSvyp6">Google
Drive Link</a>
</em>
</cite>
</li>
</ul>
</div>
</section>
<section class="indian-gdp">
<h1 class="title"><span>➽</span> How much GDP Indians States Generate Individually ?</h1>
<div class='indian-map' id='viz1678444713964' style='position: relative'><noscript><a href='#'><img
alt='State Wise GDP Analysis '
src='https://public.tableau.com/static/images/St/State-Wise-GDP/StateWiseGDPAnalysis/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='State-Wise-GDP/StateWiseGDPAnalysis' />
<param name='tabs' value='no' />
<param name='toolbar' value='yes' />
<param name='static_image'
value='https://public.tableau.com/static/images/St/State-Wise-GDP/StateWiseGDPAnalysis/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='language' value='en-GB' />
</object></div>
<div class="summary flex justify-around mt-10">
<div>
<h1 class="subtitle">Findings</h1>
<ul class="findings max-w-2xl">
<li class="mb-4">
<p>➤ Maharashtra has the highest GDP in India </p>
</li>
<li class="mb-4">
<p>➤
Tamil Nadu is the next state with highest contribution to India's GDP
</p>
</li>
<li class="mb-4">
<p>➤
States in the North-Eastern region of India have the lowest GDP, with Nagaland and Manipur
being
the lowest contributors
</p>
</li>
<li class="mb-4">
<p>➤ Bihar's GDP growth rate increased from 11.3% in 2011-12 to 17.1% in 2012-13, while Andhra
Pradesh's growth rate
increased from 9.9% in 2012-13 to 16.4% in 2013-14. Gujarat's GDP growth rate was
consistently
high during 2011-2017,
with an average growth rate of 12.7%.</p>
</li>
</ul>
</div>
<div>
<h1 class="subtitle">Source</h1>
<ul class="resources">
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Data Set
<em>
<a
href="https://www.rbi.org.in/Scripts/AnnualPublications.aspx?head=Handbook+of+Statistics+on+Indian+States">RBI
2011 - 2021 State wise GDP in ₹ Lakh</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Data Set
<em>
<a href="https://drive.google.com/drive/u/0/folders/16vEh8l9GAgCnG7dHuZO4qpqf2jWSvyp6">Google
Drive Link</a>
</em>
</cite>
</li>
</ul>
</div>
</section>
<section class="sector-gdp">
<h1 class="title"><span>➽</span> How much different sectors contribute to India's GDP ?</h1>
<div class='sector-gdp-dashboard' id='viz1678450088512' style='position: relative'><noscript><a href='#'><img
alt='Dashboard 1 '
src='https://public.tableau.com/static/images/Un/Unit-2_CustomDataset/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='Unit-2_CustomDataset/Dashboard1' />
<param name='tabs' value='no' />
<param name='toolbar' value='yes' />
<param name='static_image'
value='https://public.tableau.com/static/images/Un/Unit-2_CustomDataset/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='language' value='en-GB' />
</object></div>
<div class="summary flex justify-around mt-10">
<div>
<h1 class="subtitle">Findings</h1>
<ul class="findings max-w-2xl">
<li class="mb-4">
<p>➤ Services Sector: The services sector is the largest contributor to India's GDP, accounting
for
more than 50% of the
country's GDP. </p>
</li>
<li class="mb-4">
<p>➤
Manufacturing Sector: The manufacturing sector is the second-largest contributor to India's
GDP,
accounting for around
25% of the country's GDP.
</p>
</li>
<li class="mb-4">
<p>➤
Overall, the services sector remains the key driver of India's economic growth, followed by
the
manufacturing and
agriculture sectors.
</p>
</li>
</ul>
</div>
<div>
<h1 class="subtitle">Source</h1>
<ul class="resources">
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Data Set
<em>
<a href="https://rbi.org.in/Scripts/Statistics.aspx">RBI Sector wise GDP in ₹ Lakh</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Data Set
<em>
<a href="https://drive.google.com/drive/u/0/folders/16vEh8l9GAgCnG7dHuZO4qpqf2jWSvyp6">Google
Drive Link</a>
</em>
</cite>
</li>
</ul>
</div>
</section>
<div class="quotes">
<div class="bg-gray-900 py-8 rounded overflow-hidden">
<blockquote class="text-2xl font-bold text-white mx-auto max-w-2xl rounded-lg">
<p>"The most powerful person in the world is a story teller. The story teller sets the vision, values
and
agenda of an entire generation that is to come."</p>
<cite class="block mt-4 text-gray-500 text-sm">- Steve Jobs, Founder CEO of Apple (1955-2011), <em>Data
Visualization Storytelling using
data [Page.No 194]
</em></cite>
</blockquote>
</div>
</div>
<section class="fin_min-word_cloud">
<h1 class="title"><span>➽</span> Setting Vision of India through Visualization</h1>
<div class="summary flex justify-around mt-10 gap-x-6 gap-x-12">
<div>
<h1 class="subtitle">Findings</h1>
<ul class="findings max-w-2xl">
<li class="mb-4">
<p>➤
The then Finance Minister P. Chidambaram had set a vision for India's economy through his
budget speech in 2014 - 2015 Feb
</p>
</li>
<li class="mb-4">
<p>➤
The Finance Ministers budget speech is a collection of words, which can be used to create a
word
cloud.
</p>
</li>
<li class="mb-4">
<p>➤
The word cloud is a visualization of the most frequently used words in the speech.
</p>
</li>
<li class="mb-4">
<p>➤
It was found that the most frequently used words in the speech were "India", "Economy",
"Ministry", "Manufacturing"
</p>
</li>
<li class="mb-4">
<p>➤
Clearly, the Finance Minister's vision for India's economy was to make India a manufacturing
hub. This vision was set in 2014 - 2015 Feb. The vision was achieved in 2019. India became
the world's 5th largest manufacturing country.
</p>
</li>
</ul>
</div>
<div>
<h1 class="subtitle">Source</h1>
<ul class="resources">
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Economic Times
<em>
<a
href="https://economictimes.indiatimes.com/news/economy/indicators/india-may-become-5th-largest-manufacturing-nation-bcg/articleshow/19017189.cms?from=mdr">,
Article,India may become 5th largest manufacturing nation: BCG </a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Indiabudget.gov.in
<em>
<a href="https://www.indiabudget.gov.in/doc/bspeech/bs.pdf">,
Interim Budget 2014-2015
Speech of
P. Chidambaram
Minister of Finance</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Word Cloud Youtube tutorial
<em>
<a href="https://www.youtube.com/watch?v=vRbSnlRyJNQ">,
Learn to make a word cloud in 5 minutes using python
</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Image Editing
<em>
<a href="https://picsart.com/create">,
PicsArt - Edit with Filters, Effects, Collage Maker & Creative
</a>
</em>
</cite>
</li>
</ul>
</div>
</div>
<h1 class="subtitle">Word Cloud Generation</h1>
<div class="img-grid">
<div class="img-one">
<img src="./python/chidambaram-1.jpg" alt="Chidambaram img 1">
</div>
<div class="img-two">
<img src="./python/chidambaram-2.jpg" alt="Chidambaram img 2">
</div>
<div class="img-three">
<img src="./python/chidambaram-3.png" alt="Chidambaram img 3">
</div>
<div class="img-word-cloud">
<img src="./python/FinMin-WordCloud.jpg" alt="" class="word-cloud">
</div>
</div>
</section>
<section class="manufacturing-d3">
<h1 class="title"><span>➽</span> Visualizing the Growth of Manufacturing Sector</h1>
<div id="manufacturing-chart"></div>
<div class="summary flex justify-around mt-10 gap-x-6 gap-x-12">
<div>
<h1 class="subtitle">Findings</h1>
<ul class="findings max-w-2xl">
<li class="mb-4">
<p>➤
The manufacturing sector in India has grown at an average annual rate of 7.4% from 2011 to
2021
</p>
</li>
<li class="mb-4">
<p>➤
The government's "Make in India" initiative launched in 2014 aimed to increase the
contribution
of the manufacturing
sector to India's GDP to 25% by 2025
</p>
</li>
<li class="mb-4">
<p>➤
The Indian government's efforts to increase foreign investment in the manufacturing sector
through initiatives such as
"Invest India" and liberalization of the FDI policy have resulted in a significant increase
in
FDI inflows into the
manufacturing sector.
</p>
</li>
<li class="mb-4">
<p>➤
The COVID-19 pandemic had a significant impact on the manufacturing sector in India, with
disruptions to supply chains
and reduced demand, leading to a contraction in the sector in 2020. However, the sector has
shown signs of recovery in
2021.
</p>
</li>
</ul>
</div>
<div>
<h1 class="subtitle">Source</h1>
<ul class="resources">
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Indian Brand Equity Foundation
<em>
<a href="https://www.ibef.org/industry/manufacturing-sector-india">,
Article, Manufacturing Sector in India</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Indian Brand Equity Foundation
<em>
<a href="https://www.ibef.org/research/india-study/make-in-india">,
Article, Make In India</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Invest India
<em>
<a href="https://www.investindia.gov.in/foreign-direct-investment">,
FDI ENTRY ROUTES INTO INDIA, Investment climate in India has improved considerably
since...
</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ RBI
<em>
<a href="https://m.rbi.org.in/scripts/PublicationsView.aspx?id=21035">,
Scars of the Pandemic - Reserve Bank of India - Publications
</a>
</em>
</cite>
</li>
</ul>
</div>
</div>
</section>
<section class="manufacturing-co2-d3 flex align-center flex-col">
<h1 class="title"><span>➽</span> Growth of Manufacturing Sector Vs Co2 Emission </h1>
<div class="manufacturing-co2-chart"></div>
<button href="#"
class="bg-blue-500 hover:bg-blue-400 text-white font-bold py-2 px-4 border-b-4 border-blue-700 hover:border-blue-500 rounded mx-auto mt-10"
id="toggleData">
Toggle Manufacturing Viz
</button>
<div class="summary flex justify-around mt-10 gap-x-6 gap-x-12">
<div>
<h1 class="subtitle">Findings</h1>
<ul class="findings max-w-2xl">
<li class="mb-4">
<p>➤
Manufacturing sector grew at an average annual rate of 7.4%, while CO2 emissions from the
sector
increased at an average
annual rate of 4.6%.
</p>
</li>
<li class="mb-4">
<p>➤
India has pledged to reduce carbon emissions intensity by 33-35% by 2030, but rapid growth
in
manufacturing may make it
challenging.
</p>
</li>
<li class="mb-4">
<p>➤
The government has launched initiatives to promote sustainable manufacturing and reduce
emissions, but impact is yet to
be seen.
</p>
</li>
<li class="mb-4">
<p>➤
Transportation, agriculture, and residential sectors also contribute to India's overall
emissions.
</p>
</li>
</ul>
</div>
<div>
<h1 class="subtitle">Source</h1>
<ul class="resources">
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ International Energy Agency
<em>
<a href="https://www.iea.org/reports/co2-emissions-in-2022">,
Article, CO2 Emissions in 2022 – Analysis - IEA</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ Press Information Bureau
<em>
<a href="https://pib.gov.in/PressReleaseIframePage.aspx?PRID=1847812">,
Article, Cabinet approves India’s Updated Nationally Determined Contribution to be
communicated to the United Nations ...</a>
</em>
</cite>
</li>
<li class="mb-2">
<cite class="block mt-4 text-gray-500 text-sm">➤ QAE India
<em>
<a href="https://www.investindia.gov.in/foreign-direct-investment">,
Carbon footprints of the Indian AFOLU (Agriculture, Forestry ...)
</a>
</em>
</cite>
</li>
</ul>
</div>
</div>
</section>
<section class="gephi-container">
<h1 class="title"><span>➽</span> Gephi </h1>
<img src="./assets/images/gephi.png" alt="">
</section>
<footer>
<!-- Copy right and made with love -->
<div class="flex justify-center items-center gap-x-2">
<a href="https://Github.com/VikashPR" target="_blank">
<span class="">Designed and developed with <i class="fas fa-heart text-red-500"></i> VikashPR © 2023</s>
</a>
</div>
</footer>
<script src="./assets/script/script.js"></script>
<script src="./assets/script/d3.js"></script>
<script type="module" src="./assets/script/globe.js"></script>
</body>
</html>