Data Visualization experiment showing profits and employment over time. US Data.

data.json

[{
  "industry": "Domestic",
  "earnings": [570.1, 591.6, 561.5, 481, 554.5, 591.8, 605.2, 668.1, 688.8, 694.5, 740, 782.4, 907.3, 974, 1030.8, 1048.4, 1308.7, 1340.2, 1360, 1471.1, 1535, 1516.1, 1571.8, 1488.6, 1400.3, 1436.2, 1312.2, 1212.4, 994.1, 978.3, 963.7, 699.5, 958.4, 1021.4, 1136.2, 1247.4, 1369.3, 1332.7, 1420.2, 1382.2, 1258.8, 1328.4, 1351, 1472.5],
  "employment": [104283, 104309, 102719, 102147, 103318, 105572, 107780, 108947, 108027, 101374, 100594, 102387]
},
{
  "industry": "Manufacturing",
  "earnings": [17.1, 15.7, 17.2, 14.9, 16.6, 19.3, 22.8, 25.3, 24.3, 24.7, 24.9, 24.7, 23, 20.8, 20.2, 22.8, 24.5, 23.5, 22.8, 17.1, 19.2, 19.7, 19.4, 21.5, 24.5, 25.9, 26.4, 27.4, 25.8, 25, 23.3, 24.9, 26.2, 25, 24, 21.3, 17.2, 17.4, 19.8, 23.5, 26.4, 30.1, 25.4, 24.3, 27.8, 23.8, 23.1, 20.6, 19.3, 23, 24.7, 26.7, 26.2, 25.4, 26, 27.8, 27.4, 29.8, 30.6, 31, 32.5, 32.2, 32.9, 32.6, 38.6, 39, 39.7, 42, 44.4, 43, 41.4, 41.7, 39.7, 38.6, 38.1, 40.5, 40, 42.4, 41.7, 43.3, 41.7, 38.2, 36.4, 32.9, 26.7, 30.6, 29, 23.6, 33.9, 35.2, 34, 37.3, 40.1, 40.4, 42.5, 45.9, 50, 48.3, 45.5, 45.2, 42.1, 40.4, 43.6, 39.6, 38, 50.7, 65.6, 66.5, 75.6, 72.3, 70.5, 67.1, 70.5, 78.9, 83.1, 85, 75.7, 94.4, 94.8, 97.1, 96.5, 91, 87.2, 84.5, 89.6, 67.9, 70.7, 85.1, 93, 92, 100.7, 78.6, 67.3, 70.7, 74.2, 56, 60.9, 69.8, 81.9, 92.3, 101.2, 96.1, 86, 84.1, 78.8, 79.7, 92.8, 86.1, 63.1, 57.3, 46.6, 64.7, 63.8, 81.2, 101.4, 103.8, 113.6, 118.2, 123, 135, 123.4, 116.1, 110.6, 98.3, 114.5, 124.6, 111.2, 107.5, 103.2, 99.8, 100.9, 93.7, 95.4, 100.7, 102.7, 104.5, 99.4, 119.1, 112, 136.8, 140.8, 141.8, 151.7, 165.9, 165.4, 170.8, 184.3, 186.2, 186.1, 192.1, 192.5, 197.2, 198.7, 207.4, 226.3, 216.5, 175.4, 169.6, 177.9, 170.5, 177.6, 180.5, 173.8, 166.3, 180.6, 180.7, 166.4, 138.2, 81.6, 81.5, 48.1, -12.2, 32.7, 46.4, 51.9, 59.7, 60.3, 49.1, 66.9, 101.4, 131.7, 148.1, 161.3, 175.3, 242.8, 234.8, 246.5, 264.9, 294.4, 302.3, 336.4, 285, 289.5, 303.2, 229.8, 262.7, 205.6, 174.4, 220.6, 181.3, 111.6, 114.5, 136.4, 161.5, 210.5, 235.2, 252.1, 236.2, 215.5, 229.2, 248.9, 285.9],
  "employment": [15521, 14368, 15110, 16252, 16482, 17241, 15999, 16490, 16774, 16745, 15291, 16060, 16189, 15772, 16360, 16484, 16722, 17624, 18852, 19068, 19386, 19789, 18906, 18087, 18571, 19605, 19538, 17783, 18546, 19245, 20092, 20611, 19813, 19749, 18247, 17935, 18888, 18753, 18462, 18570, 18912, 18954, 18648, 17980, 17642, 17632, 17974, 18146, 18121, 18291, 18431, 18212, 18097, 16121, 14976, 14216, 14024, 13954, 13897, 13609, 13142, 11528, 11238, 11456]
},
{
  "industry": "Financial/Insurance",
  "earnings": [3.2, 3.3, 3.3, 3.3, 3.3, 3.3, 3.3, 3.4, 3.4, 3.6, 3.7, 4.2, 4, 4.3, 4.5, 4.8, 4.7, 4.7, 5, 5, 5, 5.1, 5.1, 5.2, 5.3, 5.3, 5.3, 5.4, 5.4, 5.6, 5.8, 5.9, 6, 5.9, 6.1, 6.1, 6.3, 6.4, 6.4, 6.7, 7, 7.3, 7.9, 8.2, 8.5, 8.5, 8.4, 8.4, 8.5, 8.3, 8.2, 8.3, 8.4, 8.7, 8.7, 8.6, 8.4, 8.3, 8.2, 8.3, 8.6, 8.7, 8.8, 8.8, 8.7, 8.9, 9.3, 10.3, 10.8, 10.6, 10.8, 10.7, 10.9, 11.1, 11.2, 11.6, 12.5, 12.9, 13, 12.8, 13.6, 13.4, 13.4, 14, 14.2, 14.4, 15.9, 17.1, 16.7, 17.1, 18.4, 18.3, 19, 19.4, 18.8, 19.4, 20.2, 20.7, 20.4, 20.7, 19.9, 19.9, 20.8, 20, 20.3, 19.7, 19.5, 21.2, 23.2, 24.2, 25.5, 26.9, 28.9, 31.2, 32.9, 34.7, 36.2, 39.1, 41, 41.8, 40.7, 41.5, 40.1, 39.1, 36.5, 33.6, 31.6, 34.2, 32.4, 29.7, 27.9, 26.4, 21.4, 24.4, 26.7, 31.6, 35.1, 37.7, 34.8, 34.4, 34.9, 34.4, 32.5, 35.8, 42.4, 44.7, 47.2, 49.3, 56.4, 59.3, 56.3, 55.1, 53, 61.5, 66.1, 65.7, 60.7, 68.6, 73.4, 72.6, 79, 79.8, 82.5, 79.3, 87, 93.3, 95.4, 93.6, 114.6, 120.3, 125.7, 127.9, 146.4, 144.3, 140.5, 139.6, 128.7, 132.4, 131, 141.7, 128.3, 121.3, 134.6, 132.5, 146.8, 160.9, 170.1, 162.6, 170.2, 172, 168.6, 159.1, 181.7, 186.7, 189.4, 192, 165.4, 157, 156.2, 159.9, 181.7, 180.1, 198.2, 201.8, 199.7, 188.7, 194.3, 194.8, 219.2, 228.9, 228.4, 235.4, 258.2, 264.4, 263.6, 274.6, 298.5, 303.5, 318.8, 326.6, 346.3, 351.7, 364, 387.4, 448, 414.5, 466.1, 445.8, 466.5, 467.8, 434.8, 422.8, 364, 379.9, 366.3, 271.8, 240.6, 217.1, 79.4, -48.3, 265, 372.1, 440.5, 421.5, 416, 372.9, 425.8, 482.4, 417.6, 365.6, 380.8, 469.1],
  "employment": [1160, 1202, 1264, 1345, 1424, 1510, 1576, 1656, 1751, 1841, 1889, 1926, 2007, 2047, 2085, 2146, 2204, 2286, 2353, 2490, 2616, 2737, 2810, 2843, 2930, 3046, 3157, 3209, 3275, 3411, 3639, 3811, 3944, 4060, 4108, 4207, 4354, 4500, 4726, 4912, 4946, 4968, 5027, 4966, 4912, 4993, 5074, 5019, 5078, 5208, 5318, 5408, 5403, 5596, 5599, 5704, 5742, 5829, 5964, 5942, 5828, 5575, 5530, 5596]
},
{
  "industry": "Retail Trade",
  "earnings": [3.2, 2.7, 2.7, 2.4, 3, 3.2, 2.8, 3, 3.4, 2.1, 2.3, 2.6, 2, 2.9, 2.5, 3.5, 2.6, 2.7, 2.4, 1.5, 1.5, 1.6, 3.1, 3, 3.7, 2.8, 2.6, 2.4, 1.8, 2.3, 3.2, 2.9, 2.6, 2.5, 2.7, 2.3, 1.6, 2.3, 2.9, 3.7, 3.2, 3.4, 3, 3.7, 2.8, 2.9, 2.8, 2.5, 2.7, 3, 3, 3.4, 3.6, 3.5, 3.4, 3.3, 3.7, 3.6, 3.5, 3.6, 4.2, 4.5, 4.6, 4.7, 4.7, 4.8, 5, 5.1, 4.9, 4.8, 4.7, 5.1, 5.2, 5.5, 5.9, 6, 6.1, 6.3, 6.6, 6.4, 6.3, 6.8, 6.7, 5.8, 5.9, 6.3, 6, 5.8, 6.6, 6.2, 7.6, 8.4, 7.2, 7.3, 7.2, 7.8, 6.8, 6.3, 7, 6.6, 4, 3.4, 1.2, 0.9, 5.4, 8.2, 9.2, 10.2, 11.5, 9.9, 10.2, 10.4, 10.5, 11.8, 13.9, 13.4, 12.3, 13.4, 11.1, 12.5, 10.3, 9.5, 9.9, 9.8, 6.1, 4.4, 7.5, 6.8, 10.4, 10.5, 10.2, 8.5, 11.2, 12.8, 12.8, 17.3, 19.5, 18.6, 19.3, 17.6, 20.6, 21.8, 21.6, 20.5, 21.6, 22.1, 25, 20.2, 26.7, 22.7, 23.3, 21.2, 24.7, 22.6, 24.6, 24.3, 22.6, 19.8, 19.9, 21.6, 20.8, 19.2, 23.9, 24.4, 23.6, 22.5, 17.2, 23, 27.9, 28.8, 25.6, 28.6, 30.7, 29.8, 22.8, 33.6, 33.8, 38.8, 44.6, 45.1, 43.9, 47, 48.1, 49.8, 43.8, 43.2, 44.9, 47.2, 51.7, 53.9, 55.6, 53.6, 69.7, 61.8, 67.8, 64.2, 68.8, 73.2, 76.3, 80.5, 82.9, 82.9, 69.8, 66.7, 79.6, 72.2, 71.2, 62.4, 67.3, 68.8, 74.4, 80.1, 80.9, 78.6, 80.1, 86.7, 86.4, 94.8, 88.9, 85.6, 102.3, 95, 88.6, 87.6, 101, 128.1, 117.9, 143.3, 132.3, 123.3, 136.4, 140.7, 121, 131.1, 114.1, 105, 75.3, 80.9, 85, 85.1, 101.7, 106.6, 111.4, 112.5, 125.7, 124.2, 121, 119.5, 109.1, 101.9, 103.8, 120.9],
  "employment": [5852, 5805, 5942, 6275, 6384, 6482, 6405, 6570, 6781, 6811, 6698, 6900, 7100, 7040, 7198, 7364, 7643, 7941, 8301, 8541, 8867, 9180, 9329, 9524, 9764, 10281, 10465, 10501, 10975, 11481, 12213, 12527, 12425, 12541, 12325, 12689, 13620, 14326, 14734, 15233, 15723, 16209, 16312, 15882, 16002, 16428, 17023, 17725, 18064, 18430, 18724, 19275, 19849, 18782.4, 18561.2, 18422.6, 18536, 18853.8, 19030.2, 19210.8, 18873.4, 17785.6, 17589.6, 17802.4]
},
{
  "industry": "Electronic Products",
  "earnings": [0.6, 0.7, 0.9, 0.9, 1, 1, 1.4, 1.6, 1.4, 1.2, 1.2, 1.3, 1.4, 1.5, 1.4, 1.6, 1.7, 1.5, 1.3, 0.9, 1.2, 1.2, 1.1, 1.3, 1.2, 1.1, 1.1, 1, 1, 1.2, 1.4, 1.2, 1.7, 1.6, 1.4, 1.4, 1.2, 1.2, 1.3, 1.5, 1.6, 1.7, 1.8, 1.6, 1.6, 1.3, 1.3, 1.1, 1.1, 1.2, 1.4, 1.7, 1.6, 1.4, 1.3, 1.5, 1.6, 1.7, 1.7, 1.6, 1.6, 1.5, 1.7, 2, 2.3, 2.6, 2.8, 3.2, 3.3, 3.1, 3.1, 2.6, 2.8, 2.9, 2.9, 3.2, 3, 2.7, 2.9, 2.9, 3.1, 2.5, 2.2, 1.4, 0.5, 1.4, 1.5, 1.7, 1.4, 1.8, 2.1, 2.6, 2.9, 2.6, 3, 3.2, 3.4, 3.1, 3.2, 3.1, 2.1, 0.6, -0.2, -0.3, 1.1, 2.9, 3.5, 3, 3.8, 3.4, 3.8, 4.3, 4.8, 5.7, 6.1, 7, 6.2, 6.7, 7.5, 6.5, 6.3, 5.9, 5.2, 4.8, 5.3, 4.1, 5.4, 6, 6.9, 6.2, 4.8, 2.9, 2.3, 2.7, 1.7, 0, 2.1, 2.7, 3.3, 6, 6.5, 3.7, 5.7, 4.5, 3, 2, 3.5, 1.9, 3, 2.8, 1.8, 3.5, 5.6, 7.5, 7.5, 3.6, 4.2, 7.6, 9.5, 10.1, 9.7, 9.8, 8.2, 10.1, 10.5, 9.4, 8.7, 6, 8.4, 11.1, 10.1, 11.1, 11.1, 9.5, 10.1, 11.8, 13.3, 13.1, 16.9, 18.3, 19.9, 21.4, 24.7, 26.8, 22.9, 20.3, 22.5, 22.5, 18, 21, 20.4, 23.5, 23.6, 25.8, 29.3, 25.2, 12, 8.7, 7.2, 8.6, 4.9, 4.1, 6.7, 5.7, 6.1, 7.2, 5.4, 1.6, 3.9, 1.8, 1.4, 0.6, 0.4, -1.3, 0.2, 0.7, 1.7, 2, 2.4, 2.7, 2.5, 2.5, -0.1, -2.3, -4.3, -4.1, -0.4, 2.9, 12.6, 8.8, 12.3, 12.1, 2.8, -2.9, -4.8, 0.2, 1, 4.9, 8.3, 4.3, 8.6, 8.6, 8.9, 10.2, 7.6, 8.7, 8, 6.5, 6.2, 4.4, 4.5, 5.4, 10.2, 7.6],
  "employment": [1779, 1732, 1479, 1334, 1299, 1293, 1286, 1256, 1229, 1117, 1079, 1091]
},
{
  "industry": "Computers",
  "earnings": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -23, -36.2, -57.3, -77.8, -48.2, -37.6, -27.8, -23.7, -17.2, -16, -16.8, -8.9, -6.2, -5.8, -3.9, -1.4, 6.5, 8.6, 10, 11, 10.1, 19.1, 22.6, 17.7, 16.4, 8.8, 11, 7.6, 16.7, 8.2, 12.1, 11.8, 10.4, 20.6, 21.9, 23.6, 37.6, 31.2, 34.3, 37.8, 22.1, 25.3, 26.4, 36.4],
  "employment": [1301, 1203, 1147, 1108, 1108, 1095, 1059, 985, 874, 665, 670, 719]
},
{
  "industry": "Information",
  "earnings": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, -20.7, -20.3, -24.3, -32.4, -13.3, -6.5, -2.5, 7.1, -2.4, 3.2, 12.6, 6.2, 14.8, 47.6, 66.3, 53.8, 76.2, 85.7, 78.5, 84.8, 84.1, 92.6, 100.8, 92.1, 95.3, 87.8, 89.3, 102, 91.1, 107.1, 79.1, 23, 54.4, 64.9, 75, 96.8, 87.3, 84.9, 91.5, 80.4, 78.7, 90.2, 87.5, 85.4],
  "employment": [3410, 3410, 3155, 2972, 2885, 2859, 2861, 2853, 2807, 2630, 2518, 2515]
},
{
  "industry": "Utilities",
  "earnings": [1.3, 1.4, 1.5, 1.3, 1.4, 1.5, 1.5, 1.5, 1.6, 1.8, 1.8, 2, 2, 2, 2, 2.1, 2.1, 2.1, 2.2, 2.2, 2.3, 2.4, 2.5, 2.4, 2.4, 2.6, 2.4, 2.6, 2.7, 2.7, 2.7, 2.6, 2.7, 2.7, 2.7, 2.7, 2.7, 2.7, 2.7, 2.8, 3, 3, 3.2, 3.3, 3.5, 3.7, 3.6, 3.7, 3.6, 3.8, 3.7, 3.9, 3.9, 3.9, 4, 3.8, 4.2, 4.1, 4.2, 4.2, 4.5, 4.5, 4.6, 4.7, 4.6, 4.7, 4.5, 4.8, 4.9, 5, 5, 4.9, 4.8, 4.8, 4.7, 4.9, 4.7, 4.8, 5, 5, 4.9, 4.8, 4.6, 4.2, 4.2, 3.7, 3.3, 3.3, 4, 4.2, 4.2, 3.9, 3.6, 4.3, 3.9, 4.3, 3.7, 3.5, 3.6, 3, 1, 1, 1.7, 2.4, 4.4, 5.4, 6.3, 6.7, 5.7, 6.8, 6.4, 7.1, 7.6, 7.6, 9.5, 8.4, 9.3, 8.3, 8.8, 10, 8.2, 5.9, 4.9, 4.9, 5.8, 7.7, 9.1, 9.6, 5.6, 8.3, 12.3, 13.7, 15.8, 15.4, 14.7, 12.6, 13.2, 17, 17.5, 17.8, 19.9, 20.6, 21.5, 22.9, 20.6, 17.8, 17.6, 15.3, 14.9, 15.6, 14.7, 13.7, 17.8, 22.2, 18.3, 18.3, 20.1, 20, 20.6, 24, 24.7, 24.9, 24.4, 21.9, 23.4, 24.4, 26.8, 23.8, 25.1, 27.4, 28.2, 29.7, 26.7, 30.2, 28.6, 28.8, 30.5, 28.1, 29.2, 31.3, 31.6, 36.3, 39, 39.1, 39.4, 40.4, 42.8, 42.6, 43.7, 43.4, 37.5, 40.7, 40.6, 41.1, 39.1, 40.8, 34.8, 36.1, 38.1, 36.9, 37.1, 33.4, 38.2, 39.1, 33.7, 27.1, 27.9, 23.5, 28, 29.7, 26.4, 16.9, 8.6, 12.1, 14.2, 14.2, 12.9, 11.2, 11.8, 13.8, 16.1, 18.7, 19.3, 23.7, 28, 29.4, 22.6, 39.1, 45.2, 53.1, 60.8, 58.4, 54.7, 50.6, 57.3, 38.6, 16.5, -13, 86.3, 33.1, 22.6, 24.9, 9.8, 35, 43.2, 11.1, 31.7, 25.5, 8.9, 36.5, 10.2, 15.1, 38.3, 41.3],
  "employment": [120, 117, 116, 113, 109, 110, 110, 113, 115, 113, 109, 110]
}]

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>
      $(function(){
        
        var chartWidth = 816,
            chartHeight = 200,
            padding = 20,
            maxEarnings = 0,
            maxEmploy = 0,
            minEarnings = 0,
            minEmploy = 0;
        
        
        
        
        
        $.getJSON("data.json", function(jsondata) {
          //Calculate Job Change
          for (var i = 1; i < jsondata.length; i++){
            jsondata[i].employmentdiff = [];
            for (var j = 1; j < jsondata[i].employment.length; j++){
              //jsondata[i].employmentdiff.push(jsondata[i].employment[j]-jsondata[i].employment[j-1]);
              jsondata[i].employmentdiff.push((jsondata[i].employment[j]-jsondata[i].employment[j-1])/jsondata[i].employment[j-1]);
            }           
          }
          console.log(jsondata[1]);
          
          
          
          //Find Max/Min Earnings and Employment
          for (var i = 1; i < jsondata.length; i++){
            var thisdata = jsondata[i];
            if (maxEarnings < d3.max(thisdata.earnings)) {
              maxEarnings = d3.max(thisdata.earnings);
            }
            if (minEarnings > d3.min(thisdata.earnings)) {
              minEarnings = d3.min(thisdata.earnings);
            }
            if (maxEmploy < d3.max(thisdata.employmentdiff)) {
              maxEmploy = d3.max(thisdata.employmentdiff);
            }
            if (minEmploy > d3.min(thisdata.employmentdiff)) {
              minEmploy = d3.min(thisdata.employmentdiff);
            }
            
            
          }
          console.log(maxEarnings);
          
          var mindate = new Date(1949,01,01),
              maxdate = new Date(2011,01,01);
          
          var xScale = d3.time.scale()
              .domain([mindate, maxdate])    // values between for month of january
              .range([padding, chartWidth-padding*2]);   // map these the the chart width = total width minus padding at both sides
          
          var xAxis = d3.svg.axis()
              .orient("bottom")
              .scale(xScale)
              .tickSize(0);
          
          var yjobs = d3.scale.linear()
              .domain([0, maxEmploy])
              .range([0,chartHeight]);
          
          var yEarnings = d3.scale.linear()
              .domain([minEarnings, maxEarnings])
              .range([0, chartHeight]);
          
          var colorjob = d3.scale.linear()
              .domain([minEmploy, 0, maxEmploy])
              .range(["red", "#ddd", "green"]);
          
          for (var i = 1; i < jsondata.length; i++){
            var thisdata = jsondata[i];
            
            
            
            
            
            var chart = d3.select('body')
                .append('svg')
                .attr('class', 'chart')
                .attr('width', chartWidth+padding*2)
                .attr('height', chartHeight+padding*2)
                .append('g')
                .attr('transform','translate(10,10)');
            
            
            chart.selectAll('.circlesEarnings').data(thisdata.earnings)
              .enter()
              .append('rect')
              .attr('class','circlesEarnings')
              .attr('y', function(d) { return chartHeight-yEarnings(0); })
              .attr('width',2)
              .attr('height', function(d) { return yEarnings(d) - yEarnings(0); })
              .attr('x', function(d,i) { return i*3+padding; })
              .attr('height', 0)
              .style('fill', function(d,i) { return colorjob(thisdata.employmentdiff[Math.floor(i/4)]);})
              
              .transition()
              .duration(function(d, i) {return 1000; })
              .delay(function(d, i) {return i*5; })
              .attr('height', function(d) { 
                if (d < 0) {
                  return yEarnings(0) - yEarnings(d); 
                } else {
                  return yEarnings(d) - yEarnings(0); 
                }
              })
              .attr('y', function(d) { 
                if (d < 0) {
                  return  chartHeight-yEarnings(0);
                } else {
                  return chartHeight-yEarnings(d);
                }
              })
              
            
            
            
            chart.append("g")
              .attr("class", "xaxis")   // give it a class so it can be used to select only xaxis labels  below
              .attr("transform", "translate(0," + (parseInt(chartHeight - yEarnings(0))+.5) + ")")
              .attr("stroke-width",1)
              .call(xAxis);
            
            
            chart.select('.xaxis').selectAll('text').each(function(d, i) { 
              if (thisdata.earnings[i*4] <= 0 && thisdata.earnings[i*4+1] <= 0) {
                d3.select(this).attr('transform', 'translate(0, -14)'); 
               
              
              }
            });
            
            
            
            
            chart.append('text')
              .text(thisdata.industry)
              .attr('x',10)
              .attr('y',10);
            
            
            
            
            
          }   
        });
      });
    </script>
    <style>
      .domain { 
        fill: none; 
        stroke: black; 
        stroke-width; 1; 
              } 
      .xaxis text {
        font-size:10px;
        font-family:Arial;
        fill:#aaa;
        
      }
      .circlesEarnings {
        fill:green;
      }
      
      .labels {
        font-size:10px;
      }
      line {
        stroke:black;
      }
    </style>
  </head>
  <body>
    
  </body>
</html>