You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: milestones/milestone2/MILESTONE2.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,7 @@ The skeleton of our core visualization can be found at the end of the page.
17
17
18
18
#### Sketch 1: Biggest actors involved in plane crashes
19
19
20
-
This bubble plot will display the amount of crashes for a given, aircraft, airline, destination, etc, across the years, thanks to a dropdown for the category and a slider for the year. The size shall be scaled with the number of incidents, highlighting the riskiest variables.
20
+
This bubble plot will display the number of crashes for a given aircraft, airline, destination, etc, across the years, using a dropdown for the category and a slider for the year. The size shall be scaled with the number of incidents, highlighting the riskiest variables.
@@ -33,15 +33,15 @@ For this visualization, we will make use of the *5_1_Interaction*, *10_Graphs* a
33
33
34
34
#### Sketch 3: Heat- and tree-maps of plane crash locations
35
35
36
-
With the heatmap, we can geographically represent where most crashes happen, allowing the user to take that into consideration when planning a flight route. The tree map would help establish a clearer sense of scale of this information. Through the percentage of crashes per country and per continent as we include both of these division granulities, the visualization shows the relative distribution of crashes, easily visually comparable by the rectangle size.
36
+
With the heatmap, we can geographically represent where most crashes happen, allowing the user to take that into consideration when planning a flight route. The treemap would help establish a clearer sense of scale for this information. By showing the percentage of crashes per country and per continent (as we include both levels of granularity), the visualization highlights the relative distribution of crashes, which can be easily compared visually through rectangle size.
For this visualization, we will make use of the *5_1_Interaction*, *8_1_Maps*, *10_Graphs* and *D3.js* lectures along with library of the same name.
41
41
42
42
#### Sketch 4: Globe displaying flight routes where planes have crashed
43
43
44
-
Visualizaing a globe enables us to have more realistic perception of flight routes, to see over which countries the flight route leads, which would be hard to represent on mercator map. The slider below the globe enables the user to select specific periods of time that they are interested in representing on the globe.
44
+
Visualizing a globe enables us to have more realistic perception of flight routes, to see over which countries the flight route leads, which would be hard to represent on mercator map. The slider below the globe enables the user to select specific periods of time that they are interested in representing on the globe.
This visualization would be a directed chord diagram linking the different intended routes of flights that crashed. The idea would be to get an understanding of which cities are most dangerous to fly to or from, as in a densely populated graph like this one, considering we would have around 4000 relations, cities with the most connections should easily stand out. However, this may mean that the visualization would be too cluttered and illegible, thus we might have to resort to classifying cities based on their country or continent, which is doable but potentially slightly irrelevant. Therefore, we may scrap this visualization if we finally deem it to be uninteresting. This will require lectures on graphs and colors and marks.
62
+
This visualization would be a directed chord diagram linking the different intended routes of flights that crashed. The idea would be to get an understanding of which cities are most dangerous to fly to or from, as in a densely populated graph like this one, considering we would have around 4000 relationships, cities with the most connections should easily stand out. However, this may mean that the visualization would be too cluttered and illegible, thus we might have to resort to classifying cities based on their country or continent, which is doable but potentially slightly irrelevant. Therefore, we may scrap this visualization if we finally deem it to be uninteresting. This will require lectures on graphs and colors and marks.
63
63
64
64
### Website prototype
65
65
The initial implementation of our website with the basic skeleton of the visualization/widgets is running live at the following url :
@@ -71,4 +71,4 @@ Our site is built with the following tools :
71
71
-[TailwindCSS](https://tailwindcss.com/) as our CSS framework
72
72
-[TypeScript](https://www.typescriptlang.org/) as a type safe alternative to javascript
73
73
74
-
Note that the background of the Navigation Bar is blurred in the local build of the website. However, on Github Pages the background is not rendered properly for reasons currently being research.
74
+
Note that the background of the Navigation Bar is blurred in the local build of the website. However, on Github Pages the background is not rendered properly for reasons currently being researched.
0 commit comments