Chapter 5 Interactive component

5.1 interactive line chart

Below we show the line chart of each airline’s monthly average arrival delay time in minutes. There are two interactive parts that user could play around with:

1. Users can specify the airline through selection botton.
2. Users can see the rank of delay time in increasing order and average delay time of the airline by hover the mouse over the line in plot.

Reference: https://d3-graph-gallery.com/graph/line_select.html

5.2 Delayed Airlines map plot

Link to D3: https://vizhub.com/SelenaDing0312/be2c483b4e394bac8ce133d20e90114a

We created an interactive plot showing the quantity of delayed airlines with small circles and the more delayed airlines in this state, the more circles shown on the plot; and when the mouse put on a state, its color will change to green. When building this plot, we learned from this graph on vizhub: https://vizhub.com/itsyaboichase/3c2f7cc15fc242e4a3fb6f3dee195141?edit=files