Skip to content

Instantly share code, notes, and snippets.

@toxford
Created March 30, 2015 04:08
Show Gist options
  • Save toxford/601493e02f0dd8d152d6 to your computer and use it in GitHub Desktop.
Save toxford/601493e02f0dd8d152d6 to your computer and use it in GitHub Desktop.
Airline delays mod2
Airline Jan-15 Feb-15 Mar-15 Apr-15 May-15 Jun-15 Jul-15 Aug-15 Sep-15 Oct-15 Nov-15 Dec-15
AirTran Airways 7.41 5.20 5.29 3.86 4.53 4.85 4.69 4.45 3.26 3.12 2.74 4.09
Alaska Airlines 3.34 2.88 3.20 2.34 2.52 3.47 3.32 3.74 2.99 2.95 3.41 4.20
American Airlines 6.75 6.04 5.40 4.82 6.03 7.43 7.10 7.24 5.61 6.04 6.16 7.85
Delta Air Lines 6.00 5.81 5.33 4.61 5.03 5.82 4.64 4.89 4.05 3.85 4.00 3.66
ExpressJet Airlines 7.14 8.48 6.82 5.89 6.33 7.25 6.53 6.34 5.96 5.74 4.90 6.20
Frontier Airlines 7.07 6.05 4.61 4.09 4.50 5.45 4.06 3.87 3.48 3.19 4.29 6.07
Hawaiian Airlines 5.24 6.23 4.96 3.49 3.84 3.20 4.01 3.68 4.56 5.85 5.76 6.81
JetBlue Airways 8.55 8.83 6.48 5.56 5.97 6.01 8.35 6.58 3.47 4.08 4.92 5.75
SkyWest Airlines 5.40 5.24 4.61 4.21 4.65 5.39 5.17 5.03 3.98 3.97 4.88 6.48
Southwest Airlines 7.98 7.73 8.03 7.48 8.35 9.44 9.13 7.35 5.41 5.54 5.47 8.58
United Air Lines 8.70 9.14 7.16 5.22 6.46 8.73 7.45 6.97 5.25 7.09 6.76 9.89
US Airways 5.95 5.80 5.82 5.12 5.65 6.69 6.96 5.48 4.69 4.97 5.35 5.53
Virgin America 3.49 3.82 2.71 2.43 2.68 3.81 3.10 3.39 3.07 3.42 2.80 4.87
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>d3 module 2 - oxford</title>
<script type="text/javascript" src="http://d3js.org/d3.v3.js"></script>
</head>
<body>
<svg width="750" height="750">
<rect x="0" y="0" fill="#D4D4D4" width="137" height="137"/>
<rect x="150.7" y="0" fill="#D4D4D4" width="137" height="137"/>
<rect x="301.4" y="0" fill="#D4D4D4" width="137" height="137"/>
<rect x="452.2" y="0" fill="#D4D4D4" width="137" height="137"/>
<rect x="602.9" y="0" fill="#D4D4D4" width="137" height="137"/>
<rect x="0" y="151.4" fill="#D4D4D4" width="137" height="137"/>
<rect x="150.7" y="151.4" fill="#D4D4D4" width="137" height="137"/>
<rect x="301.4" y="151.4" fill="#D4D4D4" width="137" height="137"/>
<rect x="452.2" y="151.4" fill="#D4D4D4" width="137" height="137"/>
<rect x="602.9" y="151.4" fill="#D4D4D4" width="137" height="137"/>
<rect x="0" y="302.8" fill="#D4D4D4" width="137" height="137"/>
<rect x="150.7" y="302.8" fill="#D4D4D4" width="137" height="137"/>
<rect x="301.4" y="302.8" fill="#D4D4D4" width="137" height="137"/>
<rect x="452.2" y="302.8" fill="#D4D4D4" width="137" height="137"/>
<rect x="602.9" y="302.8" fill="#D4D4D4" width="137" height="137"/>
<rect x="0" y="454.2" fill="#D4D4D4" width="137" height="137"/>
<rect x="150.7" y="454.2" fill="#D4D4D4" width="137" height="137"/>
<rect x="301.4" y="454.2" fill="#D4D4D4" width="137" height="137"/>
<rect x="452.2" y="454.2" fill="#D4D4D4" width="137" height="137"/>
<rect x="602.9" y="454.2" fill="#D4D4D4" width="137" height="137"/>
<rect x="0" y="605.6" fill="#D4D4D4" width="137" height="137"/>
<rect x="150.7" y="605.6" fill="#D4D4D4" width="137" height="137"/>
<rect x="301.4" y="605.6" fill="#D4D4D4" width="137" height="137"/>
<rect x="452.2" y="605.6" fill="#D4D4D4" width="137" height="137"/>
<rect x="602.9" y="605.6" fill="#D4D4D4" width="137" height="137"/>
<rect x="13.7" y="13.7" fill="#E5503F" width="109.6" height="109.6"/>
<rect x="164.4" y="13.7" fill="#B26B62" width="109.6" height="109.6"/>
<rect x="315.1" y="13.7" fill="#7F8586" width="109.6" height="109.6"/>
<rect x="465.9" y="13.7" fill="#4D9FA8" width="109.6" height="109.6"/>
<rect x="616.6" y="13.7" fill="#1BBACB" width="109.6" height="109.6"/>
<rect x="13.7" y="165.1" fill="#E5753E" width="109.6" height="109.6"/>
<rect x="164.4" y="165.1" fill="#B2885F" width="109.6" height="109.6"/>
<rect x="315.1" y="165.1" fill="#7F9980" width="109.6" height="109.6"/>
<rect x="465.9" y="165.1" fill="#4DABA0" width="109.6" height="109.6"/>
<rect x="616.6" y="165.1" fill="#1ABDC0" width="109.6" height="109.6"/>
<rect x="13.7" y="316.5" fill="#E59A3E" width="109.6" height="109.6"/>
<rect x="164.4" y="316.5" fill="#B3A45B" width="109.6" height="109.6"/>
<rect x="315.1" y="316.5" fill="#7FAE79" width="109.6" height="109.6"/>
<rect x="465.9" y="316.5" fill="#4DB897" width="109.6" height="109.6"/>
<rect x="616.6" y="316.5" fill="#1BC2B4" width="109.6" height="109.6"/>
<rect x="13.7" y="467.9" fill="#E5BF3C" width="109.6" height="109.6"/>
<rect x="164.4" y="467.9" fill="#B3C057" width="109.6" height="109.6"/>
<rect x="315.1" y="467.9" fill="#7FC373" width="109.6" height="109.6"/>
<rect x="465.9" y="467.9" fill="#4DC78D" width="109.6" height="109.6"/>
<rect x="616.6" y="467.9" fill="#1AC8A9" width="109.6" height="109.6"/>
<rect x="13.7" y="619.3" fill="#E5E33C" width="109.6" height="109.6"/>
<rect x="164.4" y="619.3" fill="#B3DD54" width="109.6" height="109.6"/>
<rect x="315.1" y="619.3" fill="#7FD76D" width="109.6" height="109.6"/>
<rect x="465.9" y="619.3" fill="#4CD286" width="109.6" height="109.6"/>
<rect x="616.6" y="619.3" fill="#1BCB9D" width="109.6" height="109.6"/>
</svg>
<p>Check console for loaded data</p>
<script type="text/javascript">
d3.csv("airline_carrier_delay2015.csv", function(data) {
console.log(data);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment