Interesting attempt to unravel the trends from a multi-dimensional fact sheet
An overview
Where and what are all the curious case details
Discussing only over static content it's started to feel a bit boring so let's jump to the exciting part right away. We have divided our analysis into four major sections highlighted below. Each topic will include section to help you navigate and comprehend as to what we are trying to observe: 1) Flight Stats: Visualization will showcase how exaclty the flight volume vary across weekdays/ months. Viewer will have choice to toggle between weekly and monthly summary and drilling down to a single airliner Please click here to launch 2) Airliner Delay Stats: Visualization will showcase how much of a carrier delay you are expected to observe when availing these airliners. Viewer will have choice to toggle between weekly and monthly summary data which has been presented over a heatmap Please click here to launch 3) Airliner Ranking: Visualization will showcase how exaclty can we rank the airliners over the performance metrics of average carrier delay, flights operated & airmiles covered. Viewer will have choice to toggle between the various metrics Please click here to launch 4) Airport Ranking: Visualization will showcase portions of flight traffic handled by some of the major airports and their tolerance to weather delays. Viewer will have choice to toggle between flights operated and average weather delay observed. A natural log scale for flight volume has been included for better visualization Please click here to launch All of these sections can also be accessed by the navigation bar provided at the top. We have also added sections below to include details of how the visualization was designed/ prepared followed by a brief details about the author and some of the readily available online resources which can be referred to have such a web-site up and running if needed or desired
About this visualization
Narrative visualization method
This project was created based on the hybrid interactive slideshow ordering technique. Helpful overview have been included with each page providing details on data set, axes choices, colors used & inference. We highly encourage the viewers to exploit and investigate the options provided but they can also choose to just continue
Scenes
This visual content has been created with a homepage referencing to four different pages which depict the respective content. This approach appears to be simple and user-friendly. D3 charts included are mainly simple bar diagram and one heatmap. The author has tried to design and order them in his best possible way to convey the intended message. Similar font size, button layout and color scheme have been employed across the links for visual consistency
Annotations
A helpful text overview has been included with every page which tries to explain the interaction options available and some of the insights which can be observed. All the axes have been approproately labelled; tooltips which appear when we simple hover over an area of interest have been included within each figure. Legends have been included for perspective visualization as and where needed
Parameters
Multiple parameters have been used for these interactive visualizations a) Flight counts by weekdays and months aggregated or filtered by a particular airliner b) Flight delays by weekdays and month for every operating carrier c) Carrier ranking on the basis of delays suffered, flights operated and airmiles travelled d) Airport ranking on the basis of their flight traffic operation capacity and tolerance to weather delays
Triggers
Triggers have been employed to change between pages as well as for user interaction. Animated buttons have been used to re-render the figures as per user input selection. A simple vertical scroll bar approach has been used for navigation within a page. Besides a helpful navigation bar has also been in the homepage to ease transtion to various sections and charts. All the transitions employ hyperlinks
Few cool things to note
- The buttons dark out when hovered over and simulates an animated press when selected - Tooltips automatically adjust to showcase the user selected dimension - The axes automatically adjusts on the basis of user input - The rectangular bars dark out when hovered over revealing the tooltip - Reset button has been included where appropriate to prevent the viewers from getting lost while exploring
Warning
The website is meant to be visualized on Chrome (recommended), Firefox. It fits best in a screen resolution of at least 1920 X 1080 pixels, smaller screens may notice some of the objects colliding besides the vertical scroll bar growing smaller
Resources
Links
- US BOT Dataset- More about data driven documents- Bar graphs and heatmap - Github Site for free hosting
About the author
The purpose
This assignment is meant to serve as the final project for CS 498: Data Visualization course from University of Illinois Urbana-Champaign
The author
This project was created by Manojit Saha Sardar. A student of the MCS Degree Program