Background

This is an example of an interactive dashboard built using R Markdown, flexdashboard, Plotly, and crosstalk.

It’s probably most useful to look at this in conjunction with the source code on GitHub and a blog post I wrote about some aspects of the implementation.

Number of flights
JanFebMarAprMayJunJulAugSepOctNovDec02k4k6k8k10k
9EAAAll carriersASB6DLEVF9FLHAMQOOUAUSVXWNYVFlights
Delayed flights
JanFebMarAprMayJunJulAugSepOctNovDec010002000300040005000
9EAAAll carriersASB6DLEVF9FLHAMQOOUAUSVXWNYVDelayed flights
Top destinations by carrier
85686491291494010131056107412491559639730902109914221455358260597234725797051172812055133311406414082155081617417215172837141406168819722731280028033161438364726563185821022129250128642903292936633875105711764177318261922201321142170250825454048685598642337342129316201722194821942276232224042691479411242419682010240732173342379658236819692469841633227142834716863211936521972580208298298431128413101401140414694113828231105k10k15kBWIRDUPHLORDMSPLASSTLSFOMIAFLLATLROCTPAPBICHSBNADENCAKCLEIAHPHXPSPMSYMDW
n
Top destinations by carrier
4.6%4.7%4.9%5.0%5.1%5.5%5.7%5.8%6.8%8.4%2.0%2.2%2.8%3.4%4.3%4.4%10.9%18.5%22.1%22.2%100.0%2.6%3.1%3.6%5.0%5.1%5.1%5.8%8.0%11.8%12.0%3.9%4.4%4.4%5.2%6.0%6.0%6.1%7.6%8.1%22.0%3.3%3.3%3.4%3.5%3.7%3.9%4.0%4.6%4.7%7.5%100.0%1.8%26.5%71.7%100.0%4.9%6.1%6.5%7.4%8.3%8.6%8.8%9.1%10.2%18.2%3.1%3.1%6.2%12.5%75.0%3.4%3.4%4.1%5.5%5.7%6.5%9.9%11.6%11.8%11.9%0.0%3.1%11.1%20.9%23.0%42.0%0.0%0.4%7.1%42.6%50.0%1.7%2.4%2.4%3.5%10.5%10.7%11.4%11.4%12.0%33.5%1.3%46.9%51.7%0%50%100%BWIRDUPHLORDMSPLASSTLSFOMIASEARSWBUFFLLATLRICCLTDENCAKCLEIAHPHXPSPMSYMDW4.1%3.8%2.5%0.3%4.6%2.7%0.6%2.9%4.6%7.3%0.2%-2.0%1.5%1.6%0.4%-0.2%6.1%13.4%18.6%19.6%98.8%1.9%-1.7%2.6%3.3%2.9%3.7%3.8%3.4%7.7%8.4%-0.1%3.6%2.2%0.4%3.8%2.5%2.6%3.4%5.3%16.9%-1.9%1.1%2.1%2.7%2.5%3.2%2.1%0.5%1.9%5.8%97.8%1.0%26.2%66.6%99.8%2.8%2.0%5.2%4.6%5.4%3.5%3.7%7.2%9.1%15.7%1.4%-2.0%3.5%10.4%73.6%1.1%1.6%0.5%1.3%1.1%4.3%5.1%7.7%9.7%6.8%0.0%2.6%9.7%16.3%20.1%37.9%-0.1%0.4%5.3%38.6%45.2%1.2%1.7%1.3%2.1%8.6%9.8%10.8%9.3%10.7%32.3%0.8%42.7%50.1%0%50%100%
9EAAASB6DLEVF9FLHAMQOOUAUSVXWNYVDifference from averageProportion of flightsPercentage points
Top destinations by carrier
85686491291494010131056107412491559639730902109914221455358260597234725797051172812055133311406414082155081617417215172837141406168819722731280028033161438364726563185821022129250128642903292936633875105711764177318261922201321142170250825454048685598642337342129316201722194821942276232224042691479411242419682010240732173342379658236819692469841633227142834716863211936521972580208298298431128413101401140414694113828231105k10k15kBWIRDUPHLORDMSPLASSTLSFOMIAFLLATLROCTPAPBICHSBNADENCAKCLEIAHPHXPSPMSYMDW
n
What is this?

This is a demonstration of how terribly wrong things can go if you don’t manage to set a default value for the controls on a page: before the user selects an airline, they can see all the data at once, which is really not what we want. The Top destinations page shows how it should work.