Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
229 lines (218 loc) · 15 KB
/
Copy pathindex.html
File metadata and controls
229 lines (218 loc) · 15 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
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>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EUFlow</title>
<link rel="icon" type="image/png" href="images\EUFlow.svg">
<link href="style.css?v=4" rel="stylesheet"/>
<style>
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
</style>
<script src="scripts/script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script> <!-- D3.js -->
<title>Document</title>
</head>
<body>
<div class="intro-section">
<nav id="navbar">
<div id="nav-logo"><a href="index.html">EUFlow</a></div>
<ul id="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="europe.html">Europe</a></li>
<li><a href="switzerland.html">Switzerland</a></li>
<li><a href="findings.html">Findings</a></li>
</ul>
</nav>
<span id="intro-text-1">Exploring Tourism Patterns</span><br>
<span id="intro-text-2">Across Europe</span>
<span id="intro-text-3">Interactive platform to explore where, when, and how much Europeans travel</span>
<div class="button-group">
<button class="button-explore" onclick="window.location.href='europe.html'">■ Explore Europe</button>
<button class="button-explore" onclick="window.location.href='switzerland.html'">■ Explore Switzerland</button>
</div>
</div>
<!-- ============================================================ -->
<!-- THE STORY · preamble + chapter map -->
<!-- ============================================================ -->
<section class="home-story">
<div class="home-story-inner">
<div class="home-story-eyebrow">The story</div>
<h2 class="home-story-headline">
Every year, Europeans take hundreds of millions of trips inside their own continent.
</h2>
<div class="home-story-body">
<p>
The patterns look chaotic at first glance. The data tells a much tighter story.
<strong>A handful of neighbors. A handful of countries. A handful of months.</strong>
</p>
<p>
We tracked it across three decades. Then we zoomed into Switzerland to test what actually
predicts who shows up. Four questions, four chapters - each one a stop on the way.
</p>
</div>
<!-- Chapter map: 4 deep links into Europe -->
<nav class="chapter-map" aria-label="Story chapters on the Europe page">
<a class="chapter-map-card" href="europe.html#ch-where">
<div class="chapter-map-card-number">01</div>
<div class="chapter-map-card-eyebrow">Where</div>
<div class="chapter-map-card-title">
Europeans cluster in neighbors. Germans dominate central Europe, Spain claims Portugal.
</div>
<div class="chapter-map-card-arrow">Read chapter →</div>
</a>
<a class="chapter-map-card" href="europe.html#ch-how">
<div class="chapter-map-card-number">02</div>
<div class="chapter-map-card-eyebrow">How</div>
<div class="chapter-map-card-title">
Cars beat planes. The Mediterranean stays a week. The cities stay a weekend.
</div>
<div class="chapter-map-card-arrow">Read chapter →</div>
</a>
<a class="chapter-map-card" href="europe.html#ch-when">
<div class="chapter-map-card-number">03</div>
<div class="chapter-map-card-eyebrow">When</div>
<div class="chapter-map-card-title">
Almost every country peaks in July or August. 2020 broke the pattern entirely.
</div>
<div class="chapter-map-card-arrow">Read chapter →</div>
</a>
<a class="chapter-map-card" href="europe.html#ch-howmuch">
<div class="chapter-map-card-number">04</div>
<div class="chapter-map-card-eyebrow">How much</div>
<div class="chapter-map-card-title">
Luxembourgers pay the most per trip. Long-haul carries a double penalty.
</div>
<div class="chapter-map-card-arrow">Read chapter →</div>
</a>
</nav>
<!-- Then the country deep dive and the synthesis -->
<div class="home-story-deeper">
<a class="home-story-deeper-card" href="switzerland.html">
<div class="home-story-deeper-eyebrow">Part 2 · Deep dive</div>
<div class="home-story-deeper-title">A country-scale zoom: Switzerland.</div>
<div class="home-story-deeper-body">
Five chapters about one small country. Americans displaced Germans as the top foreign source
in five major cantons. Geneva overshot the pandemic; small alpine cantons never came back.
</div>
<div class="home-story-deeper-arrow">Open Switzerland →</div>
</a>
<a class="home-story-deeper-card alt" href="findings.html">
<div class="home-story-deeper-eyebrow">Part 3 · Synthesis</div>
<div class="home-story-deeper-title">What surprised us.</div>
<div class="home-story-deeper-body">
Three things the data showed that we did not know going in, areas for further exploration,
and the sources and team behind it.
</div>
<div class="home-story-deeper-arrow">Read the findings →</div>
</a>
</div>
<div class="about-text-wrapper">
<div class="about-text-grid">
<div class="about-text-item">
<p class="about-text-title">Problem statement</p>
<p class="about-text-body">
Tourism is one of the most important economic and cultural activities in Europe, but travel patterns across countries are often difficult to understand through raw statistics alone.
Large datasets contain useful information about where people travel, when they travel, and how much they spend, yet these insights are usually hidden in tables and spreadsheets.
Our project aims <strong>to present fragmented tourism data in a clear, intuitive, and engaging interactive way</strong> that allows users to explore tourism patterns across Europe visually.
</p>
</div>
<div class="about-text-item" style="text-align:justified;">
<p class="about-text-title">Objectives</p>
<p class="about-text-body" >
The main objective of EUFlow is to create a web-based data visualization platform that enables users to better understand tourism across Europe through interactive exploration.
More specifically, users should be able to discover:
<ul class="about-text-body objectives-list">
<li><strong>Where Europeans travel</strong> through destination popularity maps and rankings</li>
<li><strong>When they travel</strong> through seasonal and monthly travel patterns</li>
<li><strong>How much they spend</strong> through expenditure comparisons across destinations</li>
<li><strong>Why Switzerland receives visitors</strong> through geographic proximity and economic factors such as GDP</li>
</ul>
</p>
</div>
<div class="about-text-item">
<p class="about-text-title">Target audience</p>
<p class="about-text-body">
EUFlow is designed for a broad audience interested in travel trends and regional mobility.
It can be useful for <strong>travelers</strong> looking for inspiration, popular destinations, or the best seasons to visit.
It also supports <strong>students</strong> who want to explore real-world data through interactive visualizations.
In addition, <strong>policymakers</strong> and <strong>tourism organizations</strong> can use the platform to better understand visitor behavior and regional tourism demand.
</p>
</div>
<div class="about-text-item">
<p class="about-text-title">Why this topic</p>
<p class="about-text-body">
Our motivation comes from our experience as international students currently living in Switzerland.
Since we come from different countries and share a strong interest in travel, we became curious about how Switzerland fits into broader tourism patterns across Europe.
We wanted to understand not only why certain destinations are popular, but also <strong>how factors such as geography, seasonality, and economic conditions influence travel decisions</strong>.
This personal connection made the topic especially meaningful and interesting for our team to explore.
</p>
</div>
<div class="about-text-item">
<p class="about-text-title">Problem statement</p>
<p class="about-text-body">
Tourism is one of the most important economic and cultural activities in Europe, but travel patterns across countries are often difficult to understand through raw statistics alone.
Large datasets contain useful information about where people travel, when they travel, and how much they spend, yet these insights are usually hidden in tables and spreadsheets.
Our project aims <strong>to present fragmented tourism data in a clear, intuitive, and engaging interactive way</strong> that allows users to explore tourism patterns across Europe visually.
</p>
</div>
<div class="about-text-item" style="text-align:justified;">
<p class="about-text-title">Objectives</p>
<p class="about-text-body" >
The main objective of EUFlow is to create a web-based data visualization platform that enables users to better understand tourism across Europe through interactive exploration.
More specifically, users should be able to discover:
<ul class="about-text-body objectives-list">
<li><strong>Where Europeans travel</strong> through destination popularity maps and rankings</li>
<li><strong>When they travel</strong> through seasonal and monthly travel patterns</li>
<li><strong>How much they spend</strong> through expenditure comparisons across destinations</li>
<li><strong>Why Switzerland receives visitors</strong> through geographic proximity and economic factors such as GDP</li>
</ul>
</p>
</div>
<div class="about-text-item">
<p class="about-text-title">Target audience</p>
<p class="about-text-body">
EUFlow is designed for a broad audience interested in travel trends and regional mobility.
It can be useful for <strong>travelers</strong> looking for inspiration, popular destinations, or the best seasons to visit.
It also supports <strong>students</strong> who want to explore real-world data through interactive visualizations.
In addition, <strong>policymakers</strong> and <strong>tourism organizations</strong> can use the platform to better understand visitor behavior and regional tourism demand.
</p>
</div>
<div class="about-text-item">
<p class="about-text-title">Why this topic</p>
<p class="about-text-body">
Our motivation comes from our experience as international students currently living in Switzerland.
Since we come from different countries and share a strong interest in travel, we became curious about how Switzerland fits into broader tourism patterns across Europe.
We wanted to understand not only why certain destinations are popular, but also <strong>how factors such as geography, seasonality, and economic conditions influence travel decisions</strong>.
This personal connection made the topic especially meaningful and interesting for our team to explore.
</p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="cta-section">
<p class="cta-section-text">Ready to explore tourism patterns in Europe?</p>
<button id="button-explore-start" onclick="window.location.href='europe.html'">■ Start Exploring</button>
</div>
<!-- Footer -->
<footer class="footer">
<div class="footer-col">
<ul class="footer-links">
<li><a href="index.html">Home</a></li>
<li><a href="europe.html">Europe</a></li>
<li><a href="switzerland.html">Switzerland</a></li>
<li><a href="findings.html">Findings</a></li>
</ul>
<div class="copywrite">© 2026 EUFlow · All rights reserved.</div>
</div>
<div class="footer-bottom">
<div class="footer-logo"><a href="index.html">EUFlow</a></div>
</div>
</footer>
</body>
</html>