Riser 1 and 2

forked from ssmaroju's block: Riser 3 and 4

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v3.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

<body>
  <script>
    var riserData = [0, 0.4848484993, 0.9696969986, 1.696969748, 2.424242496, 3.515151501, 4.606060505, 6.242424011, 7.878787994, 10.30303001, 12.72727299, 15.15151596, 17.57575798, 20, 22.42424393, 24.84848595, 27.27272797, 29.69696999, 32.12121201, 33.75757599, 35.39393997, 36.48484802, 37.57575607, 38.30303192, 39.03030396, 39.51515198, 40, 40.49824905, 40.99649811, 41.74386978, 42.49124146, 43.61230087, 44.73335648, 46.4149437, 48.09653091, 50.61891174, 53.14129257, 56.92486572, 60.70843506, 66.38378906, 72.0591507, 80.57218933, 89.08522034, 99.05018616, 109.015152, 118.9801178, 128.9450836, 138.9100494, 148.875, 158.8399658, 168.8049164, 178.7698822, 188.7348328, 198.6997986, 208.6647491, 218.629715, 228.5946655, 238.5596313, 248.5245819, 258.489563, 268.4545288, 278.4194946, 288.3844604, 298.3494263, 308.3143921, 318.2793579, 328.2443237, 338.2092896, 348.1742554, 358.1392212, 368.104187, 378.0691528, 388.0341187, 397.9990845, 407.9640503, 417.9290161, 427.8939819, 437.8589478, 447.8239136, 457.7888794, 467.7538452, 477.718811, 487.6837769, 497.6487427, 507.6137085, 517.5786743, 527.5436401, 537.508606, 547.4735718, 557.4385376, 567.4035034, 577.3684692, 587.3334351, 597.2984009, 607.2633667, 617.2283325, 627.1932983, 637.1582642, 647.12323, 657.0881958, 667.0531616, 677.0181274, 686.9830933, 696.9480591, 706.9130249, 716.8779907, 726.8429565, 736.8079224, 746.7728882, 756.737854, 766.7028198, 776.6677856, 786.6327515, 796.5977173, 806.5626831, 816.5276489, 826.4926147, 836.4575806, 846.4225464, 856.3875122, 866.352478, 876.3174438, 886.2824097, 896.2473755, 906.2123413, 916.1773071, 926.1422729, 936.1072388, 946.0722046, 956.0371704, 966.0021362, 975.9671021, 985.9320679, 995.8970337, 1005.862, 1015.826965, 1025.791992, 1035.756958, 1045.721924, 1055.68689, 1065.651855, 1075.616821, 1085.581787, 1095.546753, 1105.511719, 1115.476685, 1125.44165, 1135.406616, 1145.371582, 1155.336548, 1165.301514, 1175.266479, 1185.231445, 1195.196411, 1205.161377, 1215.126343, 1225.091309, 1235.056274, 1245.02124, 1254.986206, 1264.951172, 1274.916138, 1284.881104, 1294.846069, 1304.811035, 1314.776001, 1324.740967, 1334.705933, 1344.670898, 1354.635864, 1364.60083, 1374.565796, 1384.530762, 1394.495728, 1404.460693, 1414.425659, 1424.390625, 1434.355591, 1444.320557, 1454.285522, 1464.250488, 1474.215454, 1484.18042, 1494.145386, 1504.110352, 1514.075317, 1524.040283, 1534.005249, 1543.970215, 1553.935181, 1563.900146, 1573.865112, 1583.830078, 1593.795044, 1603.76001, 1613.724976, 1623.689941, 1633.654907, 1643.619873, 1653.584839, 1663.549805, 1673.514771, 1683.479736, 1693.444702, 1703.409668, 1713.374634, 1723.3396, 1733.304565, 1743.269531, 1753.234497, 1763.199463, 1773.164429, 1783.129395, 1793.09436, 1803.059326, 1813.024292, 1822.989258, 1832.954224, 1842.919189, 1852.884155, 1862.849121, 1872.814087, 1882.779053, 1892.744019, 1902.708984, 1912.67395, 1922.638916, 1932.603882, 1942.568848, 1952.533813, 1962.498779, 1972.463745, 1982.428711, 1992.393677, 2002.358643, 2012.323608, 2022.288574, 2032.25354, 2042.218506, 2052.18335, 2062.148438, 2072.113281, 2082.078369, 2092.043213, 2102.008301, 2111.973145, 2121.938232, 2131.903076, 2141.868164, 2151.833008, 2161.798096, 2171.762939, 2181.728027, 2191.692871, 2201.657959, 2211.622803, 2221.587891, 2231.552734, 2241.517822, 2251.482666, 2261.447754, 2271.412598, 2281.377686, 2291.342529, 2301.307617, 2311.272461, 2321.237549, 2331.202393, 2341.16748, 2351.132324, 2361.097412, 2371.062256, 2381.027344, 2390.992188, 2400.957275, 2410.922119, 2420.887207, 2430.852051, 2440.817139, 2450.781982, 2460.74707, 2470.711914, 2480.677002, 2490.641846, 2500.606934, 2510.571777, 2520.536865, 2530.501709, 2540.466797, 2550.431641, 2560.396729, 2570.361572, 2580.32666, 2590.291504, 2600.256592, 2610.221436, 2620.186523, 2630.151367, 2640.116455, 2650.081299, 2660.046387, 2670.01123, 2679.976318, 2689.941162, 2699.90625, 2709.871094, 2719.836182, 2729.801025, 2739.766113, 2749.730957, 2759.696045, 2769.660889, 2779.625977, 2789.59082, 2799.555908, 2809.520752, 2819.48584, 2829.450684, 2839.415771, 2849.380615, 2859.345703, 2869.310547, 2879.275635, 2889.240479, 2899.205566, 2909.17041, 2919.135498, 2929.100342, 2939.06543, 2949.030273, 2958.995361, 2968.960205, 2978.925293, 2988.890137, 2998.855225, 3008.820068, 3018.785156, 3028.75, 3038.715088, 3048.679932, 3058.64502, 3068.609863, 3078.574951, 3088.539795, 3098.504883, 3108.469727, 3118.434814, 3128.399658, 3138.364746, 3148.32959, 3158.294678, 3168.259521, 3178.224609, 3188.189453, 3198.154541, 3208.119385, 3218.084473, 3228.049316, 3238.014404, 3247.979248, 3257.944336, 3267.90918, 3277.874268, 3287.839111, 3297.804199, 3307.769043, 3317.734131, 3327.698975, 3337.664062, 3347.628906, 3357.593994, 3367.558838, 3377.523926, 3387.48877, 3397.453857, 3407.418701, 3417.383789, 3427.348633, 3437.313721, 3447.278564, 3457.243652, 3467.208496, 3477.173584, 3487.138428, 3497.103516, 3507.068359, 3517.033447, 3526.998291, 3536.963379, 3546.928223, 3556.893311, 3566.858154, 3576.823242, 3586.788086, 3596.753174, 3606.718018, 3616.683105, 3626.647949, 3636.613037, 3646.577881, 3656.542969, 3666.507812, 3676.4729, 3686.437744, 3696.402832, 3706.367676, 3716.332764, 3726.297607, 3736.262695, 3746.227539, 3756.192627, 3766.157471, 3776.122559, 3786.087402, 3796.05249, 3806.017334, 3815.982422, 3825.947266, 3835.912354, 3845.877197, 3855.842285, 3865.807129, 3875.772217, 3885.737061, 3895.702148, 3905.666992, 3915.63208, 3925.596924, 3935.562012, 3945.526855, 3955.491943, 3965.456787, 3975.421875, 3985.386719, 3995.351807, 4005.31665, 4015.281738, 4025.246582, 4035.21167, 4045.176514, 4055.141602, 4065.106445, 4075.071533, 4085.036377, 4095.001465, 4104.966309, 4114.931641, 4124.896484, 4134.861816, 4144.82666, 4154.791992, 4164.756836, 4174.722168, 4184.687012, 4194.652344, 4204.617188, 4214.58252, 4224.547363, 4234.512695, 4244.477539, 4254.442871, 4264.407715, 4274.373047, 4284.337891, 4294.303223, 4304.268066, 4314.233398, 4324.198242, 4334.163574, 4344.128418, 4354.09375, 4364.058594, 4374.023926, 4383.98877, 4393.954102, 4403.918945, 4413.884277, 4423.849121, 4433.814453, 4443.779297, 4453.744629, 4463.709473, 4473.674805, 4483.639648, 4493.60498, 4503.569824, 4513.535156, 4523.5, 4533.465332, 4543.430176, 4553.395508, 4563.360352, 4573.325684, 4583.290527, 4593.255859, 4603.220703, 4613.186035, 4623.150879, 4633.116211, 4643.081055, 4653.046387, 4663.01123, 4672.976562, 4682.941406, 4692.906738, 4702.871582, 4712.836914, 4722.801758, 4732.76709, 4742.731934, 4752.697266, 4762.662109, 4772.627441, 4782.592285, 4792.557617, 4802.522461, 4812.487793, 4822.452637, 4832.417969, 4842.382812, 4852.348145, 4862.310547, 4872.272949, 4880.786133, 4889.299316, 4894.974609, 4900.649902, 4904.433594, 4908.217285, 4910.739258, 4913.261719, 4914.943359, 4916.625, 4917.746094, 4918.866699, 4919.614258, 4920.361328, 4920.859863, 4921.35791, 4921.837891, 4922.317871, 4923.038086, 4923.757812, 4924.837891, 4925.917969, 4927.538086, 4929.157715, 4931.557617, 4933.958008, 4936.358398, 4938.758301, 4941.158203, 4943.558105, 4945.177734, 4946.797852, 4947.87793, 4948.958008, 4949.677734, 4950.397949, 4950.87793, 4951.35791, 4951.837891, 4952.317871, 4953.038086, 4953.757812, 4954.837891, 4955.917969, 4957.538086, 4959.157715, 4961.557617, 4963.958008, 4966.358398, 4968.758301, 4971.158203, 4973.558105, 4975.177734, 4976.797852, 4977.87793, 4978.958008, 4979.677734, 4980.397949, 4980.87793, 4981.35791, 4981.852051, 4982.346191, 4983.087891, 4983.829102, 4984.941406, 4986.053223, 4987.985352, 4989.91748, 4993.807617, 4997.697266, 5005.527344, 5013.35791, 5021.103027, 5028.848145, 5037.544922, 5046.241211, 5054.9375, 5063.634277, 5072.331055, 5081.027344, 5089.723633, 5098.42041, 5107.117188, 5115.813477, 5124.509766, 5133.206543, 5141.903809, 5150.601074, 5159.979492, 5169.35791, 5179.645508, 5189.933105, 5200.220703, 5210.508301, 5220.795898, 5231.083496, 5241.371094, 5251.658691, 5261.946289, 5272.233887, 5282.521484, 5292.809082, 5303.09668, 5313.384277, 5323.671875, 5333.959473, 5344.246582, 5354.533691, 5364.945801, 5375.35791, 5385.414062, 5395.470703, 5405.527344, 5415.583496, 5425.639648, 5435.696289, 5445.752441, 5455.808594, 5464.583008, 5473.35791, 5480.617188, 5487.876465, 5492.727539, 5497.578613, 5500.820312, 5504.0625, 5506.229004, 5508.395508, 5509.841797, 5511.287598, 5512.251953, 5513.21582, 5513.858398, 5514.500977, 5514.929688, 5515.35791]
    //riserData = [0, 308.3143921, 1005.862, 2002.358643, 4005.31665, 5515.35791]       
    var data =[]
    var i
    for (i = 0; i < riserData.length - 1; i++){
      data.push({
        y1: riserData[i],
        y2: riserData[i+1]
      })
    }
    //console.log(data)
    // Feel free to change or delete any of the code you see in this editor!
    var svg = d3.select("body").append("svg")
      .attr("width", 800)
      .attr("height", 1080)
    var colors = ['pink','orange','green','yellow','navy','blue']
    var yScale = d3.scale.linear()
    .domain(d3.extent(riserData))
    .range([300, 10])   
    var fullRiser = svg.append("g")
    fullRiser.selectAll("rect")
    .data(data)
    .enter()
    .append('rect')
    .attr({'width':410,
          'x': 98,
           'y': function(d) { return yScale(d.y1) },          
          'height': function(d) { return yScale(d.y2-d.y1) }
          })
    .style({'fill': function(d,i){return colors[i%colors.length]}})
    
  </script>
</body>

https://d3js.org/d3.v3.min.js