-
Notifications
You must be signed in to change notification settings - Fork 0
/
como.html
161 lines (120 loc) · 9.13 KB
/
como.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
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/AnimOnScroll.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/style.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="images/bg-trasp-blue.png"/>
<title>Beatrice Gobbo</title>
<meta rel="author" content="Beatrice Gobbo, @beatgo">
<meta name='description' content= 'Hi'>
<meta name='keywords' content= 'Beatrice Gobbo, Beatrice, Gobbo, Designer, Data Visualization, Data, Information, Visual, Visualization'>
<!-- <link rel="shortcut icon" href="immagini/logo-sito-piccolo.png" type="image/png" size="16x16">
<link rel="mask-icon" href="immagini/short.ico" color="#000000">
<link rel="apple-touch-icon" href="immagini/short.ico" sizes="180x180" type="image/png">
<meta property="og:title" content="Beatrice Gobbo" />
<meta property="og:type" content="@beatgo">
<meta property="og:url" content="http://www.beatricegobbo.com"/>
<meta property="og:image" content='immagini/cover.png'>
<meta property="og:description" content="I am an information designer." />
<meta property="og:site_name" content="Beatrice Gobbo" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="Beatrice Gobbo">
<meta name="twitter:title" content="@beatgo">
<meta name="twitter:description" content="I am an information designer.">
<meta name="twitter:image" content="immagini/cover.png"> -->
</head>
<body>
<div class="container-fluid">
<nav class="navbar navbar-default navbar-fixed-top">
<div class='container'>
<div id='header'>
<div class='row'>
<div id='menu-sin'>
<div class='col-lg-6 col-md-6 col-sm-6 col-xs-6'>
<p><a href="index.html">Works</a></p>
</div>
</div>
<div id='menu-dx'>
<div class='col-lg-6 col-md-6 col-sm-6 col-xs-6'>
<p><a href="about.html">about me</a></p>
</div>
</div>
</div>
</div>
</div>
</nav>
<!-- project description-->
<div class='container' style='margin-top:100px; margin-bottom:0px;'>
<div class=row>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class="date">
<p>2017</p>
</div>
<div class ='field'>
<h2> Data Visualisation, Data Science</h2>
</div>
<div class='title'>
<h1>Como Smart City for Satisfied Citizens</h1>
<p><a href="https://harvard-iacs.github.io/testcomorepo/context.html" target=”_blank” >🕷️ Website</a></p>
</div>
</div>
<section class='description col-lg-8'>
<p>The City of Como project is a collaboration with Fluxedo, an Italian startup working in partnership with the municipality of Como to model human dynamic flow in the city. The overall aim of the project is to integrate multiple and diverse data sources to build a picture of the way people live and move around the city. Using historical telecom and social media data along with other geolocated data, we have created an intuitive visualisation of several models of daily movements of different demographic groups throughout Como dependent on the day and time. We have also explored the motivations for movement throughout the city based on social media activity and content.</p>
<p>As a large proportion of the revenue of the city is due to to tourism,the city is interested in better understanding how to cater for them and use resources more effectively. While the municipality have conducted analyses of telecom data in the past, we have been able to provide a more intuitive visualisation of the data, which was too fine grained to be effectively understood in both spatial and temporal dimensions.</p>
</section>
<section class='team col-lg-4'>
<div class="team"><p>Team</p>
<ul>
<li>Mattia Gasparini</li>
<li>Beatrice Gobbo</li>
<li>Sophie Hilgard</li>
<li>Nikhila Ravi</li>
</ul>
</div>
</section>
<section class='description col-lg-8'>
<p>The data is available to us at several granularities: at both daily and hourly levels and at region and full city levels. The data is also subsetted based on gender and age range, among other factors we did not consider (largely because the privacy protection resulted in a large amount of missing data). While inspecting the data, we realized that there was a significant amount of overcounting occurring. That is, the data aggregated from the hourly and region level data resulted in significantly more people counted than the total number of people in the city for a given day. This is due to the fact that within any given hour if an individual connects to a cell phone tower in two different regions, he or she will be counted in both. This presents an interesting modeling case in which we have added data about possible movement patterns embedded in the total data, but it is difficult to extract the number of people in any given region at any given time. We chose two models to deal with this problem: a linear-program based model which assigns people to specific physically possible routes through the city (regions passed through within any given hour), and a spatial Gaussian process smoothing model, which should give us the general feel of popularity of a given area abstracted from the absolute numerical counts.</p></section>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class ='image-prog'>
<img src="images/como5.png">
</div>
</div>
<section class='description col-lg-8'>
<p>As well as understanding how people move through the city, we explored some of the reasons why. Initially we explored using geolocated social media posts including Twitter, Instagram and TripAdvisor as indicators of activity. Although the posts are too sparse to be a useful signal of activity level, they can be used to infer the types of activities associated with each region of the city. We started by developing a representation of two time periods (Tuesday afternoon and Saturday evening) in the TripAdvisor and Instagram data. We analyzed all of the checkins on the TripAdvisor app bucketed by region. The hashtags and comments of Instagram posts bucketed by region were analysed using tf-idf, a method of representing importance of words based on their occurrence in each post relative to an entire corpus (more info here). This has the effect of weigh less frequently occuring words. Stop words were also removed. From this analysis we extracted a representative set of hashtags for each region and separately chose an Instagram picture which represented the activity in each region. These analyses resulted in a general view of the city from the social media point of view: TripAdvisor data pointed out the general interests of tourists, showing how they move from the main monuments and attractions during the day to the restaurants in the evening. In a similar way, the Instagram data gave an insight into the most significant places in each of the telecom regions, highlighting the main attractions of the city for young people during the day and during the night. It is also clear that the pictures and activities dramatically change between seasons.</p>
</section>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class ='image-prog'>
<img src="images/como2.png">
</div>
</div>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class ='image-prog'>
<img src="images/como3.png">
</div>
</div>
<section class='description col-lg-8'>
<p>The data is available to us at several granularities: at both daily and hourly levels and at region and full city levels. The data is also subsetted based on gender and age range, among other factors we did not consider (largely because the privacy protection resulted in a large amount of missing data). While inspecting the data, we realized that there was a significant amount of overcounting occurring. That is, the data aggregated from the hourly and region level data resulted in significantly more people counted than the total number of people in the city for a given day. This is due to the fact that within any given hour if an individual connects to a cell phone tower in two different regions, he or she will be counted in both. This presents an interesting modeling case in which we have added data about possible movement patterns embedded in the total data, but it is difficult to extract the number of people in any given region at any given time. We chose two models to deal with this problem: a linear-program based model which assigns people to specific physically possible routes through the city (regions passed through within any given hour), and a spatial Gaussian process smoothing model, which should give us the general feel of popularity of a given area abstracted from the absolute numerical counts.</p>
</section>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class ='image-prog'>
<img src="images/como4.png">
</div>
</div>
<section class='description col-lg-8'>
</section>
</div>
<!-- END CONTAINER FLUID -->
</div>
</div>
<div class="footer"> <p>Beatrice Gobbo. All rights reserved. 2018</p></div>
</body>
</html>