-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproj.html
184 lines (171 loc) · 22 KB
/
proj.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
<!doctype html>
<html>
<head>
<title>Project</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<script src="https://cdn.jsdelivr.net/npm/vega@5.28.0"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-lite@5.18.1"></script>
<script src="https://cdn.jsdelivr.net/npm/vega-embed@6.25.0"></script>
<style>
h1 {
text-align: center;
color: #ff4500; /* Fire-like red-orange color */
}
</style>
<style>
.container {
display: flex;
justify-content: space-around;
}
.container img {
width: 30%;
height: auto;
}
</style>
<style media="screen">
/* Add space between Vega-Embed links */
.vega-actions a {
margin-right: 5px;
}
</style>
<style>
ul.indented-list {
padding-left: 40px; /* Adjust as needed */
}
ul.indented-list li {
margin-bottom: 5px; /* Optional: adds space between bullet points */
}
</style>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.svg" alt="" /></span><span class="title">Portfolio</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="prtfl1.html">Portfolio 1</a></li>
<li><a href="prtfl2.html">Portfolio 2</a></li>
<li><a href="prtfl3.html">Portfolio 3</a></li>
<li><a href="prtfl4.html">Portfolio 4</a></li>
<li><a href="prtfl5.html">Portfolio 5</a></li>
<li><a href="proj.html">Project</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<!-- <h1>Project</h1> -->
<h1 style="text-align: center;">🥵🔥Rising Temperatures, Rising Concerns<br>                Delhi's Climate Change Story🔥🥵</h1>
<div class="container">
<img src="images/TOPSHOT-INDIA-WEATHER-HEATWAVE-0_1716972320183_1716973445737.avif" alt="Image 1">
<img src="images/3-6582c2e828f388bae1af6599cc95237e.jpg" alt="Image 2">
<img src="images/thequint_2022-05_a5ef3d57-d2ab-4d69-a98c-39b656149ecd_J.avif" alt="Image 3">
</div>
<p></p>
<p>Delhi is currently experiencing a severe heatwave, with temperatures soaring to unprecedented levels. Some areas in the city, such as Najafgarh, Pitampura, and Pusa, have recorded temperatures as high as 49.8°C, surpassing previous records and posing significant health risks. This intense heatwave is attributed to climate change, which has been intensifying extreme weather events globally</p>
<p>The situation has led to widespread impacts, including the closure of all schools until June 30 to protect students from the dangerous heat. Additionally, the high temperatures have resulted in increased demand for electricity, pushing the power grid to its limits.</p>
<p>Overall, the current heatwave in Delhi underscores the broader impacts of climate change and the necessity for improved infrastructure and public awareness to mitigate the effects of such extreme weather events in the future.</p>
<h2>Weather Information</h2>
<div class='tableauPlaceholder' id='viz1718164984668' style='position: relative'><noscript><a href='#'><img alt='Dashboard 1 ' src='https://public.tableau.com/static/images/We/Weather_17178003416460/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='Weather_17178003416460/Dashboard1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/We/Weather_17178003416460/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-US' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1718164984668'); var vizElement = divElement.getElementsByTagName('object')[0]; if ( divElement.offsetWidth > 800 ) { vizElement.style.width='1300px';vizElement.style.height='827px';} else if ( divElement.offsetWidth > 500 ) { vizElement.style.width='1300px';vizElement.style.height='827px';} else { vizElement.style.width='100%';vizElement.style.height='1027px';} var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<p></p>
<h2>💨🏔Effects of Nature🏔💨</h2>
<p></p>
<p>In April, there is an initial rise in temperatures as the summer season begins, with Delhi and Jaipur typically exhibiting higher average temperatures compared to other cities. By May, temperatures peak in most cities, with Delhi reaching its highest, showcasing the severity of summer in North India. Although June might see a slight dip in some cities due to the onset of pre-monsoon showers, Delhi and Jaipur continue to record high temperatures. Delhi consistently shows the highest average temperatures, indicating its susceptibility to extreme summer heat. The temperature trends highlight the intense heat experienced in these cities, with Delhi and Jaipur being particularly hot.</p>
<p>In April, wind speeds are moderate, with some variability across cities. In May, there is a noticeable increase in wind speeds, especially in Delhi and Jaipur, likely due to the heat generating stronger wind currents. By June, wind speeds generally increase further as the monsoon season approaches, with Lucknow and Amritsar showing significant increases. Wind speeds tend to rise with the increasing heat of summer, peaking just before the monsoon season. Higher wind speeds in June might be due to pre-monsoon winds, which help in reducing the extreme heat temporarily.</p>
<p>In April, lower humidity levels with moderate wind speeds are observed, with Delhi and Jaipur having the lowest humidity. In May, humidity starts to rise slightly but remains relatively low compared to June. Wind speed increases, especially in Delhi. By June, there is a significant increase in humidity as the monsoon season approaches, particularly in Lucknow and Amritsar. Wind speeds also show variability, with thicker lines indicating higher speeds. There is an inverse relationship between humidity and temperature, especially noticeable in the transition from May to June when humidity increases and wind speed peaks before the monsoon. The increased thickness of the lines in June indicates stronger wind speeds, which are typical just before the onset of the monsoon rains. As wind speeds increase, humidity levels tend to decrease, supporting the hypothesis of an inverse relationship.</p>
<div class="container">
<img src="images/Air Pollution(1).jpg" alt="Image 1">
<img src="images/9ea4cc7481e16ee9015c9a366e299c7e.webp" alt="Image 2">
<img src="images/in-delhipollution_1.jpg" alt="Image 3">
</div>
<p></p>
<h2>🏭🚕Effects of Pollution🚕🏭</h2>
<div class='tableauPlaceholder' id='viz1718916180821' style='position: relative'><noscript><a href='#'><img alt='Dashboard 2 ' src='https://public.tableau.com/static/images/AQ/AQIMap/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='AQIMap/Dashboard2' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/AQ/AQIMap/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='language' value='en-US' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1718916180821'); var vizElement = divElement.getElementsByTagName('object')[0]; if ( divElement.offsetWidth > 800 ) { vizElement.style.width='1400px';vizElement.style.height='827px';} else if ( divElement.offsetWidth > 500 ) { vizElement.style.width='1400px';vizElement.style.height='827px';} else { vizElement.style.width='100%';vizElement.style.height='1027px';} var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<p></p>
<p>India's Air Quality Index (AQI) is a vital tool for measuring and reporting air quality across the country, providing clear information on the level of air pollution and its potential health impacts. The AQI is designed to give citizens an easy-to-understand indicator of how polluted the air is and what health effects might be a concern for them.</p>
<p>Air quality varies significantly across different regions and cities in India. Urban areas, particularly Delhi, Mumbai, Kolkata, and Bangalore, frequently experience higher pollution levels due to dense traffic, industrial activities, and population density. Northern India, including Delhi and surrounding regions, often suffers from severe air pollution, especially in winter, due to agricultural stubble burning in states like Punjab and Haryana.</p>
<p></p>
<div class='tableauPlaceholder' id='viz1718752856790' style='position: relative'><noscript><a href='#'><img alt='Dashboard 1 ' src='https://public.tableau.com/static/images/AQ/AQI_17179952363670/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='AQI_17179952363670/Dashboard1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/AQ/AQI_17179952363670/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-US' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1718752856790'); var vizElement = divElement.getElementsByTagName('object')[0]; if ( divElement.offsetWidth > 800 ) { vizElement.style.width='1300px';vizElement.style.height='827px';} else if ( divElement.offsetWidth > 500 ) { vizElement.style.width='1300px';vizElement.style.height='827px';} else { vizElement.style.width='100%';vizElement.style.height='1327px';} var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<p></p>
<p>From 2019 to 2024, the plot highlights distinct seasonal fluctuations in the concentrations of CO, PM10, and PM2.5. Typically, there is a noticeable increase in these pollutants during the winter months, particularly from November to January. This trend can be attributed to factors such as increased heating activities, lower temperatures causing thermal inversion, and stagnant air conditions that trap pollutants close to the ground. Conversely, the summer months generally show lower levels of these pollutants, likely due to better dispersion conditions and increased rainfall which helps to clear the air.</p>
<p>The levels of CO demonstrate a relatively stable pattern with occasional peaks in the winter months. These peaks are indicative of increased vehicular emissions and the use of heating appliances. The overall trend suggests that despite year-to-year variations, CO levels remain a significant concern during colder months.</p>
<p>Both PM10 and PM2.5 follow a similar seasonal pattern, with higher concentrations observed in the winter. PM2.5, being finer, often shows more pronounced peaks, reflecting its ability to remain suspended in the air for longer periods and penetrate deeper into the respiratory system. The data from 2019 to 2024 indicates that while there have been efforts to mitigate particulate pollution, the winter months still pose significant challenges for air quality.</p>
<p>Continuous monitoring and adaptive measures are essential to sustain the observed improvements and further enhance air quality throughout the year.</p>
<h2>🔥Stubble burning🔥</h2>
<div class='tableauPlaceholder' id='viz1718753654975' style='position: relative'><noscript><a href='#'><img alt='Dashboard 1 ' src='https://public.tableau.com/static/images/Pu/PunjabFire/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='PunjabFire/Dashboard1' /><param name='tabs' value='no' /><param name='toolbar' value='yes' /><param name='static_image' value='https://public.tableau.com/static/images/Pu/PunjabFire/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-US' /></object></div> <script type='text/javascript'> var divElement = document.getElementById('viz1718753654975'); var vizElement = divElement.getElementsByTagName('object')[0]; if ( divElement.offsetWidth > 800 ) { vizElement.style.width='1300px';vizElement.style.height='827px';} else if ( divElement.offsetWidth > 500 ) { vizElement.style.width='1300px';vizElement.style.height='827px';} else { vizElement.style.width='100%';vizElement.style.height='1277px';} var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<p></p>
<p>Stubble burning in Punjab significantly contributes to Delhi's high temperatures and pollution levels, particularly during the post-harvest season in October and November. This practice involves setting fire to the leftover crop residue after the harvest of paddy fields, which releases a large amount of smoke and particulate matter into the atmosphere. The effects of this practice are multifaceted and have severe implications for both the environment and public health in Delhi.</p>
<p>Stubble burning releases a high concentration of pollutants, including particulate matter (PM2.5 and PM10), carbon monoxide (CO), nitrogen oxides (NOx), and volatile organic compounds (VOCs). These pollutants are carried by the wind from Punjab to Delhi, leading to a significant deterioration in air quality. </p>
<p>The smoke from stubble burning contributes to the greenhouse effect, trapping heat in the atmosphere and leading to higher temperatures. This phenomenon exacerbates the urban heat island effect in Delhi, where the city's dense infrastructure and human activities already contribute to elevated temperatures compared to surrounding rural areas. The combination of increased air pollution and higher temperatures can create a feedback loop, where the heat intensifies the impact of pollutants, further worsening air quality and public health outcomes.</p>
<p>In conclusion, stubble burning in Punjab has a significant and detrimental impact on Delhi's air quality and temperature, contributing to severe pollution and health crises. Addressing this issue requires a multifaceted approach that includes technological, economic, and policy-driven solutions to promote sustainable agricultural practices and protect public health.</p>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Get in touch</h2>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="primary" /></li>
</ul>
</form>
</section>
<section>
<h2>Follow</h2>
<ul class="icons">
<li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands style2 fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands style2 fa-500px"><span class="label">500px</span></a></li>
<li><a href="#" class="icon solid style2 fa-phone"><span class="label">Phone</span></a></li>
<li><a href="#" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>