-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwork.html
229 lines (214 loc) · 5.9 KB
/
work.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=G-0LYL8F8JT2"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-0LYL8F8JT2');
</script>
<meta charset="utf-8" />
<meta name="description" content="Emily's Portfolio" />
<meta name="keywords" content="SQL, Excel, Google Sheets, Tableau, Data" />
<meta name="author" content="Emily Davies" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Portfolio - Davies Data</title>
<!-- Favicon -->
<link
rel="shortcut icon"
type="image/png"
href="img/Teal.ico"
sizes="16x16"
/>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;400&display=swap"
rel="stylesheet"
/>
<!-- FontAwesome Icons -->
<script
src="https://kit.fontawesome.com/3c4a3e3eff.js"
crossorigin="anonymous"
></script>
<!-- Normalize -->
<link
rel="stylesheet"
type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
/>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- Browswer support for fixed positioning -->
<!--[if lte IE 6]>
<style>#top, #bottom, #left, #right { display: none; }</style>
<![endif]
-->
</head>
<body>
<!-- Main Menu -->
<nav>
<ul role="menubar" class="navigation__list">
<li role="presentation" class="navigation__li">
<a href="index.html" role="menuitem" class="navigation__list--item">
<i class="fa-solid fa-house-chimney" title="house icon"></i>
Home
</a>
</li>
<li role="presentation" class="navigation__li">
<a href="about.html" role="menuitem" class="navigation__list--item">
<i class="fa-solid fa-music" title="music note icon"></i>
About
</a>
</li>
<li role="presentation" class="navigation__li">
<a
href="work.html"
role="menuitem"
class="navigation__list--item__active"
>
<i class="fa-solid fa-chart-line" title="line chart icon"></i>
Portfolio
</a>
</li>
<li role="presentation" class="navigation__li">
<a href="resume.html" role="menuitem" class="navigation__list--item">
<i class="fa-solid fa-file" title="resume icon"></i>
Resume
</a>
</li>
</ul>
</nav>
<!-- Portfolio content begins -->
<div class="work__grid">
<!-- Portfolio items in grid -->
<!-- Natural Disaster Trends Dashboard -->
<!-- Image -->
<img
src="img/NaturalDisasterTrends.png"
alt="Dashboard of NaturalDisasterTrends1900-2021"
class="work__grid--item"
id="NDT_img"
/>
<!-- Info -->
<div class="work__grid--item" id="work__grid--text">
<h2 class="work__grid--heading">Natural Disaster Trends 1900-2021</h2>
<p class="work__grid--p">
A prompt on
<a
class="grid__item--link"
href="https://earth.org/help-data-science/"
>Earth.Org</a
>
inspired me to create this dashboard, which looks at trends in natural
disasters. Specifically, I looked at the frequency and magnitude of
floods, cyclones, earthquakes, and wildfires from 1900-2021.
</p>
<p class="work__grid--p">
<strong>Dataset:</strong> I found the dataset I needed on Kaggle:
<a
class="grid__item--link"
href="https://www.kaggle.com/datasets/brsdincer/all-natural-disasters-19002021-eosdis"
>ALL NATURAL DISASTERS 1900-2021 / EOSDIS</a
>
</p>
<p class="work__grid--p">
<strong>Cleaning and Enhancing:</strong> I used Pandas to begin
cleaning the data, using VSCode via Jupyter Notebooks. Once I got the
data to a managable size, I finished cleaning and did my enhancing in
Google Sheets.
</p>
<p class="work__grid--p">
<strong>Analysis:</strong> I imported my .csv to Tableau and used area
and line visualizations to determine the scope of my project before
creating my dashboard.
</p>
<div class="work__buttons">
<a
href="https://public.tableau.com/app/profile/emily.davies1095/viz/NaturalDisasterTrends1900-2020/Dashboard1"
class="button work__grid--link"
target="_blank"
>View Dashboard</a
>
<br />
<br />
<a
href="https://github.com/Scaramouche9/Extreme_Weather"
class="button work__grid--link"
target="_blank"
>Github Code</a
>
</div>
</div>
</div>
<br />
<!-- Footer: links to social media profiles -->
<footer class="page-footer">
<div>
<!-- Github icon -->
<a
class="footer__social"
href="https://github.com/Scaramouche9"
target="_blank"
>
<img
src="img/github_icon.svg"
title="github icon"
class="footer_icon"
width="40"
height="40"
/>
</a>
<!-- Linkedin icon -->
<a
class="footer__social"
href="https://www.linkedin.com/in/emily-davies9/"
target="_blank"
>
<img
src="img/linkedin_icon.svg"
title="linkedin icon"
class="footer_icon"
width="40"
height="40"
/>
</a>
<!-- Tableau icon -->
<a
class="footer__social"
href="https://public.tableau.com/app/profile/emily.davies1095"
target="_blank"
>
<img
src="img/tableau_icon.svg"
title="tableau icon"
class="footer_icon"
width="40"
height="40"
/>
</a>
<!-- Email icon -->
<a
class="footer__social"
href="mailto:[email protected]"
target="_blank"
>
<img
src="img/email_icon.svg"
title="email icon"
class="footer_icon"
width="40"
height="40"
/>
</a>
</div>
</footer>
</body>
</html>