forked from densitydesign/teaching-dd14
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (83 loc) · 16 KB
/
index.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
---
title: DensityDesign F.S.D.S 2018-2019
meta-description: Official website of the DensityDesign Final Synthesis Design Studio, 2018/2019
meta-image: /assets/images/meta-main.jpg
---
<header class="cover">
<div class="page__grid"></div>
<div id="cover__topo">
<img id="cover__map" src="{{ '/assets/images/header-topo.svg' | relative_url }}" alt="Topographic pattern">
<svg height="0" width="0">
<defs>
<clipPath id="Mask">
<circle id="cover__mask" cx="160" cy="160" r="50" />
</clipPath>
</defs>
</svg>
<div id="cover__dot"></div>
</div>
<img class="cover__logo" src="{{ '/assets/images/logo_density.svg' | relative_url }}" alt="DensityDesign logo">
<h1 class="cover__title display">Final Synthesis Design Studio <br /><span>2018-2019<span></h1>
</header>
<main class="index">
<div class="page__grid"></div>
<div class="index__description">
<p>The content of this website was designed by students of the M.Sc. Degree in Communication Design at Politecnico di Milano. During their final course, students learn to observe, describe and represent controversial phenomena from different perspectives.</p>
<p>In the 2018/2019 edition, starting from six macro-topics – datafication, climate change adaptation, addictions, food economics, hate speech, migrations – students chose one controversial issue, performed (data-driven) analyses and visually communicated the results.</p>
<p>In this context, Communication Design is used to access and understand the increasingly complex amount of data and information shaping our world. Students are invited to use visualisation techniques across multiple phases of the research process: to describe and understand the observed phenomena; to share methods and results; as a strategy for public engagement.</p>
</div>
<div class="index__sections">
<div class="index__caption">
<h2 class="display">The three phases:</h2>
</div>
<a href="{{ '/es01' | relative_url }}">
<div class="index__phase">
<svg id="phase01" version="1.1" class="index__shape" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="-2 -1 260 267" xml:space="preserve">
<path d="M68.12 4.54c-16.04 5.18-31.67 11.58-47.5 17.4C8.45 26.42 4.51 36.38 4.5 47.95c-0.01 23.4 1.05 46.8 1.02 70.2 -0.01 10.4-1.66 20.79-2.44 31.2 -0.95 12.78-2.19 25.55-2.52 38.35 -0.48 19.01 1.45 37.91 5.25 56.52 2.02 9.91 7 18.93 18.09 20.52 6.04 0.86 12.81-0.54 18.74-2.49 10.41-3.42 20.27-8.5 30.66-12.03 10.68-3.62 21.59-4.62 33.15-3.07 11.49 1.54 23.5 1.47 35.02 0.04 13.65-1.69 23.74-9.7 30-22.42 7.96-16.17 15.24-32.85 24.93-47.95 12.45-19.4 26.97-37.49 40.69-56.07 3.94-5.33 8.64-10.14 12.24-15.67 10.22-15.71 7.45-24.07-2.66-36.89 -21.86-27.73-49.7-46.89-84.36-55.35 -15.37-3.75-30.66-7.95-46.19-10.84C107.25 0.37 83.67-0.48 68.12 4.54z" />
<path d="M88.22 25.87c-20.46 5.08-37.99 15.55-53.77 28.8 -8.5 7.14-12.34 17.99-13.03 29.04 -1.03 16.65-0.83 33.36-1.51 50.04 -0.59 14.31-2.56 28.62-2.27 42.9 0.24 12.03 1.44 24.18 8.01 35.21 4.39 7.38 9.83 11.61 18.36 10.89 13.02-1.09 25.98-2.88 39.01-3.73 9.06-0.59 18.23-0.61 27.29-0.02 25.44 1.67 45.3-7.8 59.81-28.69 13.85-19.94 28.19-39.57 41.42-59.92 7.57-11.65 12.7-25.01 13.46-38.9 0.55-10.09-3.24-20.06-9.4-28.57 -11.61-16.01-27.64-24.94-46.79-28.58 -16.66-3.17-33.33-6.29-50.06-9.03C112.35 24.25 97.67 23.52 88.22 25.87z" />
<path d="M43.98 77.17c-6.13 8.41-8.44 18.13-8.18 27.97 0.4 14.76 2.16 29.49 3.75 44.2 0.82 7.63 2.15 15.26 3.9 22.74 3.03 12.99 11.56 20.49 24.62 22.1 19.55 2.41 39.1 2.29 58.48-1.37 10.6-2 20.17-6.97 28.56-13.63 19.31-15.33 34.41-34.27 43.35-57.23 5.7-14.63 7.92-30.04 0.38-45.46 -6.7-13.68-17.97-21.18-32.01-23.75 -17.36-3.18-41.15-6.22-52.6-6.75C110.65 45.82 70.67 43.52 43.98 77.17z" />
<path d="M81.11 74.04c-14.77 6.27-23.61 18.09-24.37 33.72 -0.66 13.64 3.83 26.79 10.56 39.05 4.55 8.29 10.28 14.95 18.98 18.77 12.45 5.47 25.49 5.33 38.31 2.49 27.96-6.19 47.96-21.83 55.19-50.6 6.85-27.25-5.07-42.33-31.12-48.05C133.66 66.14 98.67 65.52 81.11 74.04z" />
<path d="M107.13 97.46c-12.97 7.5-14.72 19.72-5.75 30.3 12.96 15.28 40.17 11.61 47.83-7.71 4.48-11.3-1.87-20.95-14.24-24.49C129.85 94.11 115.67 92.52 107.13 97.46z" />
<path class="shape__outline" d="M68.12 4.54c-16.04 5.18-31.67 11.58-47.5 17.4C8.45 26.42 4.51 36.38 4.5 47.95c-0.01 23.4 1.05 46.8 1.02 70.2 -0.01 10.4-1.66 20.79-2.44 31.2 -0.95 12.78-2.19 25.55-2.52 38.35 -0.48 19.01 1.45 37.91 5.25 56.52 2.02 9.91 7 18.93 18.09 20.52 6.04 0.86 12.81-0.54 18.74-2.49 10.41-3.42 20.27-8.5 30.66-12.03 10.68-3.62 21.59-4.62 33.15-3.07 11.49 1.54 23.5 1.47 35.02 0.04 13.65-1.69 23.74-9.7 30-22.42 7.96-16.17 15.24-32.85 24.93-47.95 12.45-19.4 26.97-37.49 40.69-56.07 3.94-5.33 8.64-10.14 12.24-15.67 10.22-15.71 7.45-24.07-2.66-36.89 -21.86-27.73-49.7-46.89-84.36-55.35 -15.37-3.75-30.66-7.95-46.19-10.84C107.25 0.37 83.67-0.48 68.12 4.54z" />
<path class="shape__outline" d="M88.22 25.87c-20.46 5.08-37.99 15.55-53.77 28.8 -8.5 7.14-12.34 17.99-13.03 29.04 -1.03 16.65-0.83 33.36-1.51 50.04 -0.59 14.31-2.56 28.62-2.27 42.9 0.24 12.03 1.44 24.18 8.01 35.21 4.39 7.38 9.83 11.61 18.36 10.89 13.02-1.09 25.98-2.88 39.01-3.73 9.06-0.59 18.23-0.61 27.29-0.02 25.44 1.67 45.3-7.8 59.81-28.69 13.85-19.94 28.19-39.57 41.42-59.92 7.57-11.65 12.7-25.01 13.46-38.9 0.55-10.09-3.24-20.06-9.4-28.57 -11.61-16.01-27.64-24.94-46.79-28.58 -16.66-3.17-33.33-6.29-50.06-9.03C112.35 24.25 97.67 23.52 88.22 25.87z" />
<path class="shape__outline" d="M43.98 77.17c-6.13 8.41-8.44 18.13-8.18 27.97 0.4 14.76 2.16 29.49 3.75 44.2 0.82 7.63 2.15 15.26 3.9 22.74 3.03 12.99 11.56 20.49 24.62 22.1 19.55 2.41 39.1 2.29 58.48-1.37 10.6-2 20.17-6.97 28.56-13.63 19.31-15.33 34.41-34.27 43.35-57.23 5.7-14.63 7.92-30.04 0.38-45.46 -6.7-13.68-17.97-21.18-32.01-23.75 -17.36-3.18-41.15-6.22-52.6-6.75C110.65 45.82 70.67 43.52 43.98 77.17z" />
<path class="shape__outline" d="M81.11 74.04c-14.77 6.27-23.61 18.09-24.37 33.72 -0.66 13.64 3.83 26.79 10.56 39.05 4.55 8.29 10.28 14.95 18.98 18.77 12.45 5.47 25.49 5.33 38.31 2.49 27.96-6.19 47.96-21.83 55.19-50.6 6.85-27.25-5.07-42.33-31.12-48.05C133.66 66.14 98.67 65.52 81.11 74.04z" />
<path class="shape__outline" d="M107.13 97.46c-12.97 7.5-14.72 19.72-5.75 30.3 12.96 15.28 40.17 11.61 47.83-7.71 4.48-11.3-1.87-20.95-14.24-24.49C129.85 94.11 115.67 92.52 107.13 97.46z" />
</svg>
<h3 class="index__title display">Exploring official data</h3>
</div>
</a>
<a href="{{ '/es02' | relative_url }}">
<div class="index__phase">
<svg id="phase02" version="1.1" class="index__shape" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="-2 -2 228 272" xml:space="preserve">
<path d="M160.95 0.5c-15.32-0.03-20.65 12.61-24.23 25.95 -4.09 15.25-9.65 30.4-21.44 41.46 -9.53 8.94-20.66 16.18-31.02 24.25 -18.88 14.7-37.84 29.3-56.48 44.29 -5.7 4.58-10.95 9.92-15.57 15.59 -7.27 8.94-9.62 19.86-10.49 31.11 -0.53 6.93-1.33 13.87-1.2 20.8 0.14 7.81 0.94 15.63 1.91 23.39 0.84 6.73 5.14 11.4 11 14.26 23.34 11.37 47.41 21.53 72.87 26.17 15.73 2.87 32.4 0.66 48.65 0.47 7.15-0.08 14.33-0.56 21.44-1.31 7.4-0.78 14.84-1.67 22.08-3.29 8.65-1.94 11.79-5.61 13.05-18.74 2.43-25.2 2.29-50.81 9.27-75.35 3.85-13.54 9.17-26.76 14.88-39.65 10.01-22.59 11.05-45.23 2.44-68.3 -4.35-11.65-6.79-23.95-14.14-34.55C193.52 11.95 176.94 0.53 160.95 0.5z" />
<path d="M143.46 79.28c-16.67 8.71-33.47 17.33-49.32 27.4 -13.27 8.42-25.52 18.54-37.75 28.49 -6.62 5.39-12.26 11.98-18.29 18.09 -25.8 26.12-18.32 67.41 14.28 84.52 19.78 10.39 40.36 17.73 63.06 16.15 27.77-1.93 47-10.47 55.63-39.66 7.19-24.31 12.25-49.26 17.67-74.05 1.85-8.45 2.16-17.28 2.69-25.97 0.7-11.39-3.32-21.56-9.02-31.21 -4-6.76-9.61-11.87-17.57-11.69C156.94 71.53 149.98 75.88 143.46 79.28z" />
<path d="M129.75 111c-28.02 2.55-49.59 20.68-68.1 41.08 -6.12 6.75-12.2 14.4-15.41 22.75 -7.26 18.89-2.69 34.33 13.43 47.84 13.48 11.3 29.97 17.01 47.33 16.75 25.03-0.38 40.81-9.98 50.62-35.49 7.61-19.81 10-40.58 9.17-61.72 -0.59-14.94-8.46-27.3-20.18-30.36C141.47 110.5 134.94 110.53 129.75 111z" />
<path d="M114.15 135.7c-18.86 3.18-32.21 16.36-42.9 31.85 -14.18 20.55-7.5 41.35 13.7 51.25 15.97 7.45 31.71 7.27 46.11-4.44 9.73-7.91 14.16-18.85 16.01-30.59 1.23-7.82 1.23-16.15 0.03-23.98C144.31 141.65 132.94 132.53 114.15 135.7z" />
<path d="M107.65 164.3c-7.22 1.75-12.57 6.91-15.49 13.7 -3.33 7.73-2.78 12.11 2.49 17.51 5.6 5.74 10.33 6.59 18.2 3.25 7.8-3.31 14.57-14.99 12.21-22.71C122.47 167.6 114.94 162.53 107.65 164.3z" />
<path class="shape__outline" d="M160.95 0.5c-15.32-0.03-20.65 12.61-24.23 25.95 -4.09 15.25-9.65 30.4-21.44 41.46 -9.53 8.94-20.66 16.18-31.02 24.25 -18.88 14.7-37.84 29.3-56.48 44.29 -5.7 4.58-10.95 9.92-15.57 15.59 -7.27 8.94-9.62 19.86-10.49 31.11 -0.53 6.93-1.33 13.87-1.2 20.8 0.14 7.81 0.94 15.63 1.91 23.39 0.84 6.73 5.14 11.4 11 14.26 23.34 11.37 47.41 21.53 72.87 26.17 15.73 2.87 32.4 0.66 48.65 0.47 7.15-0.08 14.33-0.56 21.44-1.31 7.4-0.78 14.84-1.67 22.08-3.29 8.65-1.94 11.79-5.61 13.05-18.74 2.43-25.2 2.29-50.81 9.27-75.35 3.85-13.54 9.17-26.76 14.88-39.65 10.01-22.59 11.05-45.23 2.44-68.3 -4.35-11.65-6.79-23.95-14.14-34.55C193.52 11.95 176.94 0.53 160.95 0.5z" />
<path class="shape__outline" d="M143.46 79.28c-16.67 8.71-33.47 17.33-49.32 27.4 -13.27 8.42-25.52 18.54-37.75 28.49 -6.62 5.39-12.26 11.98-18.29 18.09 -25.8 26.12-18.32 67.41 14.28 84.52 19.78 10.39 40.36 17.73 63.06 16.15 27.77-1.93 47-10.47 55.63-39.66 7.19-24.31 12.25-49.26 17.67-74.05 1.85-8.45 2.16-17.28 2.69-25.97 0.7-11.39-3.32-21.56-9.02-31.21 -4-6.76-9.61-11.87-17.57-11.69C156.94 71.53 149.98 75.88 143.46 79.28z" />
<path class="shape__outline" d="M129.75 111c-28.02 2.55-49.59 20.68-68.1 41.08 -6.12 6.75-12.2 14.4-15.41 22.75 -7.26 18.89-2.69 34.33 13.43 47.84 13.48 11.3 29.97 17.01 47.33 16.75 25.03-0.38 40.81-9.98 50.62-35.49 7.61-19.81 10-40.58 9.17-61.72 -0.59-14.94-8.46-27.3-20.18-30.36C141.47 110.5 134.94 110.53 129.75 111z" />
<path class="shape__outline" d="M114.15 135.7c-18.86 3.18-32.21 16.36-42.9 31.85 -14.18 20.55-7.5 41.35 13.7 51.25 15.97 7.45 31.71 7.27 46.11-4.44 9.73-7.91 14.16-18.85 16.01-30.59 1.23-7.82 1.23-16.15 0.03-23.98C144.31 141.65 132.94 132.53 114.15 135.7z" />
<path class="shape__outline" d="M107.65 164.3c-7.22 1.75-12.57 6.91-15.49 13.7 -3.33 7.73-2.78 12.11 2.49 17.51 5.6 5.74 10.33 6.59 18.2 3.25 7.8-3.31 14.57-14.99 12.21-22.71C122.47 167.6 114.94 162.53 107.65 164.3z" />
</svg>
<h3 class="index__title display">Diving into<br /> the web</h3>
</div>
</a>
<a href="{{ '/es03' | relative_url }}">
<div class="index__phase">
<svg id="phase03" version="1.1" class="index__shape last-shape" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="-2 -2 260 320" xml:space="preserve">
<path d="M167.01 0.5c-6.9 1.23-8.26 9.07-10.33 14.96 -5.84 16.69-12.45 33.15-24.34 46.42 -9.74 10.88-20.55 20.88-31.54 30.54 -23.21 20.4-49.56 36.37-75.79 52.48 -8.02 4.93-14.66 11.51-19.01 20.06C-5.61 187.78 1 213.9 27.29 226.47c14.05 6.72 29.33 9.39 44.25 13.31 18.66 4.9 37.51 9.41 55.71 15.72 16.98 5.89 28.59 19.1 38.68 33.63 4.98 7.17 10.38 14.1 16.11 20.68 6.19 7.11 14.94 8.31 23.46 6.76 8.74-1.6 14.36-8.09 16.56-16.5 2.06-7.86 3.44-16.02 4.05-24.12 1.2-15.88 1.22-31.85 2.55-47.71 1.41-16.93 7.97-32.27 17.8-45.94 11.98-16.66 11.9-34.97 9.81-54.14 -2.44-22.37-8.52-43.87-14.05-65.51 -3.61-14.13-7.72-28.42-20.09-37.89 -5.5-4.22-11.57-7.86-17.81-10.91 -8.79-4.29-17.89-7.95-27.01-11.52C174.31 1.14 169.59 0.04 167.01 0.5z" />
<path d="M186.57 35c-12.67 1-21.2 10.47-28.61 19.67 -12.55 15.59-26.8 29.19-42.64 41.36 -18.82 14.46-37.1 29.63-55.89 44.13 -9.04 6.97-18.86 12.92-28.08 19.68 -11.05 8.11-18.54 23.84-12.03 39.02 4.83 11.25 13.73 18.25 25.19 22.53 17.51 6.54 35.88 9.12 54.07 12.63 13.66 2.63 27.26 5.57 40.83 8.61 15.36 3.44 25.64 14.12 35.76 25.18 3.82 4.18 8.38 7.92 13.21 10.89 7.34 4.51 13.19 2.09 16.57-6.21 4.02-9.88 3.86-20.28 2.16-30.44 -1.75-10.47-4.72-20.76-7.34-31.07 -3.77-14.85 1.91-26.76 11.55-37.36 6.75-7.42 14.49-14.05 20.5-22.01 8.22-10.89 9.86-23.52 8.53-37.27 -1.37-14.19-4.45-27.84-8.42-41.35 -4.43-15.07-10.96-28.58-26.89-35.26C199.08 35.21 191.22 34.64 186.57 35z" />
<path d="M190.02 55.7c-9.7 1-17.22 7.1-23.58 14.37 -15.83 18.11-35.58 31.38-55.14 44.95 -6.91 4.8-13.7 10.07-19.49 16.13 -13.58 14.2-28.42 26.95-43.91 38.87 -15.44 11.88-13.91 31.67 6.39 40.42 12.19 5.25 25.05 7.68 37.99 9.62 11.04 1.66 22.2 2.96 33.34 3.34 6.48 0.22 13.1-1.36 19.53-2.73 13.01-2.77 18.51-13.1 22.99-24.09 9.08-22.32 22.71-41.02 41.92-55.89 13.19-10.2 17.11-24.64 14.35-40.69 -1.44-8.36-3.51-16.72-6.34-24.7C213.58 62.71 199.91 54.69 190.02 55.7z" />
<path d="M190.02 83.31c-8.05 0.5-13.79 6.7-18.25 12.76 -7.64 10.38-18.22 16.39-29.53 21.03 -23.05 9.45-41.39 24.35-55.11 45.01 -4.09 6.16-8.15 12.41-11.41 19.01 -3.01 6.1-1.25 10.23 4.47 14.32 10.69 7.64 22.72 9.95 35.66 9.91 9.48-0.03 17.96-2.12 24.63-8.86 3.63-3.66 6.83-8.03 9.18-12.61 6.1-11.9 11.82-24 17.31-36.19 5.18-11.52 12.66-20.96 23.04-28.18 4.97-3.46 8.98-7.76 10.99-13.75C204.34 95.76 199.91 82.69 190.02 83.31z" />
<path class="shape__outline" d="M167.01 0.5c-6.9 1.23-8.26 9.07-10.33 14.96 -5.84 16.69-12.45 33.15-24.34 46.42 -9.74 10.88-20.55 20.88-31.54 30.54 -23.21 20.4-49.56 36.37-75.79 52.48 -8.02 4.93-14.66 11.51-19.01 20.06C-5.61 187.78 1 213.9 27.29 226.47c14.05 6.72 29.33 9.39 44.25 13.31 18.66 4.9 37.51 9.41 55.71 15.72 16.98 5.89 28.59 19.1 38.68 33.63 4.98 7.17 10.38 14.1 16.11 20.68 6.19 7.11 14.94 8.31 23.46 6.76 8.74-1.6 14.36-8.09 16.56-16.5 2.06-7.86 3.44-16.02 4.05-24.12 1.2-15.88 1.22-31.85 2.55-47.71 1.41-16.93 7.97-32.27 17.8-45.94 11.98-16.66 11.9-34.97 9.81-54.14 -2.44-22.37-8.52-43.87-14.05-65.51 -3.61-14.13-7.72-28.42-20.09-37.89 -5.5-4.22-11.57-7.86-17.81-10.91 -8.79-4.29-17.89-7.95-27.01-11.52C174.31 1.14 169.59 0.04 167.01 0.5z" />
<path class="shape__outline" d="M186.57 35c-12.67 1-21.2 10.47-28.61 19.67 -12.55 15.59-26.8 29.19-42.64 41.36 -18.82 14.46-37.1 29.63-55.89 44.13 -9.04 6.97-18.86 12.92-28.08 19.68 -11.05 8.11-18.54 23.84-12.03 39.02 4.83 11.25 13.73 18.25 25.19 22.53 17.51 6.54 35.88 9.12 54.07 12.63 13.66 2.63 27.26 5.57 40.83 8.61 15.36 3.44 25.64 14.12 35.76 25.18 3.82 4.18 8.38 7.92 13.21 10.89 7.34 4.51 13.19 2.09 16.57-6.21 4.02-9.88 3.86-20.28 2.16-30.44 -1.75-10.47-4.72-20.76-7.34-31.07 -3.77-14.85 1.91-26.76 11.55-37.36 6.75-7.42 14.49-14.05 20.5-22.01 8.22-10.89 9.86-23.52 8.53-37.27 -1.37-14.19-4.45-27.84-8.42-41.35 -4.43-15.07-10.96-28.58-26.89-35.26C199.08 35.21 191.22 34.64 186.57 35z" />
<path class="shape__outline" d="M190.02 55.7c-9.7 1-17.22 7.1-23.58 14.37 -15.83 18.11-35.58 31.38-55.14 44.95 -6.91 4.8-13.7 10.07-19.49 16.13 -13.58 14.2-28.42 26.95-43.91 38.87 -15.44 11.88-13.91 31.67 6.39 40.42 12.19 5.25 25.05 7.68 37.99 9.62 11.04 1.66 22.2 2.96 33.34 3.34 6.48 0.22 13.1-1.36 19.53-2.73 13.01-2.77 18.51-13.1 22.99-24.09 9.08-22.32 22.71-41.02 41.92-55.89 13.19-10.2 17.11-24.64 14.35-40.69 -1.44-8.36-3.51-16.72-6.34-24.7C213.58 62.71 199.91 54.69 190.02 55.7z" />
<path class="shape__outline" d="M190.02 83.31c-8.05 0.5-13.79 6.7-18.25 12.76 -7.64 10.38-18.22 16.39-29.53 21.03 -23.05 9.45-41.39 24.35-55.11 45.01 -4.09 6.16-8.15 12.41-11.41 19.01 -3.01 6.1-1.25 10.23 4.47 14.32 10.69 7.64 22.72 9.95 35.66 9.91 9.48-0.03 17.96-2.12 24.63-8.86 3.63-3.66 6.83-8.03 9.18-12.61 6.1-11.9 11.82-24 17.31-36.19 5.18-11.52 12.66-20.96 23.04-28.18 4.97-3.46 8.98-7.76 10.99-13.75C204.34 95.76 199.91 82.69 190.02 83.31z" />
</svg>
<h3 class="index__title display">Visualization for advocacy</h3>
</div>
</a>
</div>
</main>