-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathS3.html
More file actions
188 lines (172 loc) · 8.96 KB
/
S3.html
File metadata and controls
188 lines (172 loc) · 8.96 KB
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
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<link rel="icon" href="images/NS-Logo6.png" type="image/png" sizes="128x128"> <!-- tap logo -->
<title>CDE ePortfolio - Nicole Salazar-Cuellar</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>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8F1Z13PK83"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8F1Z13PK83');
</script>
</head>
<body class="is-preload landing" style="background-image: url('images/t9.png'); background-size: cover;">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo">
<a href="index.html">
<img src="images/NS-Logo.png" class="logo-container" alt="Landed Logo" class="responsive" width="95" height="45"> <!-- Banner Logo -->
</a>
</h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li>
<a href="projects.html">Projects</a>
<ul>
<li><a href="interactive.html">Interactive Maps</a></li>
<li><a href="3d.html">3D Maps</a></li>
<li><a href="storymaps.html">Story Maps</a></li>
<li><a href="dashboards.html">Dashboards</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="talks.html">Talks</a></li>
</ul>
</li>
<li>
<a href="CDE1.html">CDE</a>
<ul>
<li><a href="CDE.html">Semester 1</a></li>
<li><a href="S2.html">Semester 2</a></li>
<li><a href="S3.html">Semester 3</a></li>
</ul>
</li>
<li><a href="CV.html">CV</a></li>
<li><a href="contact.html" class="button primary">Contact</a></li>
</ul>
</nav>
</header>
<!-- Main Content -->
<div class="container23">
<h2 class="whitee">CDE e-Portfolio - S3</h2>
<p>
Welcome to my CDE e-Portfolio! This space showcases the projects carried out during the Copernicus Master in Digital Earth.
Each project reflects my journey in developing interactive maps, 3D visualizations, reports in Earth Observation (EO),
combining creativity with technical expertise. Explore the projects below to see how I've applied digital solutions
to real-world challenges.
</p>
<div class="project-card">
<img src="images/S3/uncon_map.png">
<h3>Unconventional Map - El Cuarteto</h3>
<p>
This project is the result of an unconventional mapping initiative inspired by my closest friend circle (El Cuarteto) and some of our favorite POIs in our hometown. Geography is not only about spatially locating coordinates but also about the stories and energy they hold. We are geographically separated but projects like this help keep us connected.
</p>
<p class="italic">Sep 15, 2025</p>
<a href="docs/maps/unconventional_map.pdf" target="_blank">View Map</a>
</div>
<div class="project-card">
<img src="images/S3/topo_sbg.png">
<h3>Topographic Map of Salzburg</h3>
<p>
A realistic topographic map of Slazburg showcasing art galleries, museums, cafes, bike parkings, along with near by parks, green areas, buildings and natural fetures as the river Slazach. The maps also illustrates the main roads, organized into three distinct categories.
</p>
<p class="italic">Aug 22, 2025</p>
<a href="docs/maps/topographic_salzburg.pdf" target="_blank">View Map</a>
</div>
<div class="project-card">
<img src="images/S3/trans_czh.png">
<h3>Transport Infrastructure - Czechia</h3>
<p>
This map presents the transportation infrastructure of the Czech Republic, including international and local airports classified as civil, military, or mixed-use facilities. It also highlights the country’s railway network and major roadways, providing a comprehensive overview of national connectivity.
</p>
<p class="italic">Oct 16, 2025</p>
<a href="docs/maps/transportation_czechia.pdf" target="_blank">View Map</a>
</div>
<div class="project-card">
<img src="images/S3/mnd_czh.png">
<h3>Marriages & Divorces - Czechia</h3>
<p>
A choropleth map illustrating the distribution of marriages and divorces per 1,000 inhabitants in the Czech Republic. Marriages are represented using color gradients, while divorces are depicted through hatching techniques, allowing for clear visual comparison between the two indicators.
</p>
<p class="italic">Oct 23, 2025</p>
<a href="docs/maps/mariages_divorces_czechia.pdf" target="_blank">View Map</a>
</div>
<div class="project-card">
<img src="images/S3/env_czh.png">
<h3>Envelopa Campus - UPOL</h3>
<p>
An appealing infographic of the Envelopa campus at Palacký University in Olomouc, highlighting key points of interest such as faculty buildings, dormitories, cafeterias, roads, and public transportation stops.
</p>
<p class="italic">Nov 09, 2025</p>
<a href="docs/maps/envelopa_campus.pdf" target="_blank">View Map</a>
</div>
<div class="project-card">
<img src="images/S3/grad_czh.png">
<h3>Female Population - Czechia</h3>
<p>
A map presenting the distribution of the female population by region in the Czech Republic, using three cartographic methodologies to illustrate different variables: the percentage of women in total population, the distribution of women by age group, and the total number of women.
</p>
<p class="italic">Nov 06, 2025</p>
<a href="docs/maps/graduated_czechia.pdf" target="_blank">View Map</a>
</div>
<div class="project-card">
<img src="images/S3/dot_bog.png">
<h3>Value & Settlement - Bogotá</h3>
<p>
A spatial representation of household values in Bogotá in relation to residents’ settlement patterns. Housing prices are shown as relative values grouped by locality, while population distribution is expressed using a dot-density method, with each dot representing 1,000 inhabitants.
</p>
<p class="italic">Nov 26, 2025</p>
<a href="docs/maps/dotdensity_bogota.pdf" target="_blank">View Map</a>
</div>
<div class="project-card">
<img src="images/S3/carto_co.png">
<h3>Colombian Population - Cartogram</h3>
<p>
This project presents a differently scaled view of Colombia, where the country’s geographic extent is distorted according to the population of each department. It offers a visually attention-grabbing cartogram that helps users understand the weight of population in contrast to territorial size.
</p>
<p class="italic">Nov 16, 2025</p>
<a href="docs/maps/cartograms_co.pdf" target="_blank">View Map</a>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="logo-container">
<a href="https://master-cde.eu/" target="_blank">
<img src="images/CDE.png" alt="Logo 1" class="footer-logo logo1">
</a>
<a href="https://erasmus-plus.ec.europa.eu/" target="_blank">
<img src="images/ERASMUS.jpg" alt="Logo 2" class="footer-logo logo2">
</a>
<a href="https://www.plus.ac.at/?lang=en" target="_blank">
<img src="images/plus.png" alt="Logo 3" class="footer-logo logo3">
</a>
<a href="https://www.upol.cz/en/" target="_blank">
<img src="images/UPOL.png" alt="Logo 4" class="footer-logo logo4">
</a>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.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>