Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
<div id="plot-1" class="plotly" style="height: 95vh;"></div>
              
            
!

CSS

              
                
              
            
!

JS

              
                var data = [{"name":"All Data","showlegend":true,"x":[463.572029927014,474.073145692303,484.574261457591,495.07537722288,505.576492988169,516.077608753458,526.578724518747,537.079840284036,547.580956049325,558.082071814614,568.583187579903,579.084303345192,589.585419110481,600.08653487577,610.587650641059,621.088766406348,631.589882171637,642.090997936926,652.592113702214,663.093229467503,673.594345232792,684.095460998081,694.59657676337,705.097692528659,715.598808293948,726.099924059237,736.601039824526,747.102155589815,757.603271355104,768.104387120393,778.605502885682,789.106618650971,799.60773441626,810.108850181549,820.609965946838,831.111081712126,841.612197477415,852.113313242704,862.614429007993,873.115544773282,883.616660538571,894.11777630386,904.618892069149,915.120007834438,925.621123599727,936.122239365016,946.623355130305,957.124470895594,967.625586660883,978.126702426172,988.62781819146,999.128933956749,1009.63004972204,1020.13116548733,1030.63228125262,1041.13339701791,1051.63451278319,1062.13562854848,1072.63674431377,1083.13786007906,1093.63897584435,1104.14009160964,1114.64120737493,1125.14232314022,1135.64343890551,1146.14455467079,1156.64567043608,1167.14678620137,1177.64790196666,1188.14901773195,1198.65013349724,1209.15124926253,1219.65236502782,1230.15348079311,1240.65459655839,1251.15571232368,1261.65682808897,1272.15794385426,1282.65905961955,1293.16017538484,1303.66129115013,1314.16240691542,1324.66352268071,1335.164638446,1345.66575421128,1356.16686997657,1366.66798574186,1377.16910150715,1387.67021727244,1398.17133303773,1408.67244880302,1419.17356456831,1429.6746803336,1440.17579609888,1450.67691186417,1461.17802762946,1471.67914339475,1482.18025916004,1492.68137492533,1503.18249069062],"y":[0.0270617684865706,0.0270617684865706,0.0202963263649279,0.0270617684865706,0.0744198633380691,0.243555916379135,0.385630200933631,0.392395643055274,0.304444895473919,0.182666937284352,0.405926527298559,1.21777958189568,2.31378120560179,3.28123942899668,3.69393139841689,4.11338880995873,3.8698328935796,3.09857249171233,2.9023746701847,2.89560922806305,3.23388133414519,2.86854745957648,2.52350991137271,1.95521277315473,1.89432379405994,2.06345984710101,1.64400243555916,1.4275082876666,1.73871862526216,1.57634801434274,1.90108923618158,1.77931127799202,1.58311345646438,1.43427372978824,1.46810094039645,1.38691563493674,1.22454502401732,1.29896488735539,1.25160679250389,1.25160679250389,1.17718692916582,1.34632298220689,1.29219944523375,1.14335971855761,1.52898991949124,1.39368107705839,1.34632298220689,1.44780461403153,1.68459508828902,1.75901495162709,1.96197821527637,1.92815100466815,1.98903998376294,1.68459508828902,1.2854340031121,1.16365604492254,0.906569244300115,0.629186117312766,0.412691969420202,0.534469927609769,0.514173601244841,0.548000811853055,0.568297138217983,0.507408159123199,0.527704485488127,0.548000811853055,0.493877274879913,0.372099316690346,0.507408159123199,0.412691969420202,0.392395643055274,0.304444895473919,0.236790474257493,0.209728705770922,0.196197821527637,0.162370610919424,0.142074284554496,0.115012516067925,0.135308842432853,0.0676544212164265,0.182666937284352,0.108247073946282,0.135308842432853,0.115012516067925,0.108247073946282,0.12854340031121,0.169136053041066,0.0744198633380691,0.108247073946282,0.0541235369731412,0.0608889790947838,0.00676544212164265,0.0405926527298559,0.0338272106082132,0.0135308842432853,0.0270617684865706,0.0405926527298559,0.0202963263649279,0.00676544212164265,0.00676544212164265],"type":"bar","marker":{"color":"blue"},"xaxis":"x","yaxis":"y","uid":"1f91ba"},{"name":"Summer: 651 / 1035 / 1407-KW","showlegend":true,"x":[655.145674402512,662.697074766299,670.248475130086,677.799875493873,685.35127585766,692.902676221447,700.454076585234,708.00547694902,715.556877312807,723.108277676594,730.659678040381,738.211078404168,745.762478767955,753.313879131742,760.865279495529,768.416679859316,775.968080223102,783.519480586889,791.070880950676,798.622281314463,806.17368167825,813.725082042037,821.276482405824,828.827882769611,836.379283133398,843.930683497184,851.482083860971,859.033484224758,866.584884588545,874.136284952332,881.687685316119,889.239085679906,896.790486043693,904.341886407479,911.893286771266,919.444687135053,926.99608749884,934.547487862627,942.098888226414,949.650288590201,957.201688953988,964.753089317775,972.304489681562,979.855890045348,987.407290409135,994.958690772922,1002.51009113671,1010.0614915005,1017.61289186428,1025.16429222807,1032.71569259186,1040.26709295564,1047.81849331943,1055.36989368322,1062.921294047,1070.47269441079,1078.02409477458,1085.57549513836,1093.12689550215,1100.67829586594,1108.22969622973,1115.78109659351,1123.3324969573,1130.88389732109,1138.43529768487,1145.98669804866,1153.53809841245,1161.08949877623,1168.64089914002,1176.19229950381,1183.74369986759,1191.29510023138,1198.84650059517,1206.39790095896,1213.94930132274,1221.50070168653,1229.05210205032,1236.6035024141,1244.15490277789,1251.70630314168,1259.25770350546,1266.80910386925,1274.36050423304,1281.91190459682,1289.46330496061,1297.0147053244,1304.56610568818,1312.11750605197,1319.66890641576,1327.22030677955,1334.77170714333,1342.32310750712,1349.87450787091,1357.42590823469,1364.97730859848,1372.52870896227,1380.08010932605,1387.63150968984,1395.18291005363,1402.73431041741],"y":[0.0270617684865706,0.0135308842432853,0.0338272106082132,0.0135308842432853,0.0135308842432853,0.0608889790947838,0.0338272106082132,0.0202963263649279,0.0202963263649279,0.0135308842432853,0.0270617684865706,0,0.0202963263649279,0.0202963263649279,0.0270617684865706,0.0202963263649279,0.0135308842432853,0.0202963263649279,0,0.0202963263649279,0.0270617684865706,0.0270617684865706,0.00676544212164265,0.0338272106082132,0.0135308842432853,0.0202963263649279,0.0270617684865706,0.00676544212164265,0.0405926527298559,0.0202963263649279,0.0135308842432853,0.0202963263649279,0.0135308842432853,0.0135308842432853,0.0135308842432853,0.0135308842432853,0.0135308842432853,0.0202963263649279,0.0202963263649279,0.0202963263649279,0.0135308842432853,0.0135308842432853,0.00676544212164265,0.0338272106082132,0.00676544212164265,0.00676544212164265,0.0135308842432853,0.00676544212164265,0,0.00676544212164265,0.0135308842432853,0,0.0405926527298559,0.0135308842432853,0.00676544212164265,0.0202963263649279,0.0135308842432853,0.0135308842432853,0,0.00676544212164265,0.0135308842432853,0.0202963263649279,0.0135308842432853,0.00676544212164265,0.00676544212164265,0.0135308842432853,0.0338272106082132,0.0270617684865706,0.0270617684865706,0.0135308842432853,0.0202963263649279,0.0270617684865706,0.0135308842432853,0.0270617684865706,0.0473580948514985,0.0405926527298559,0.0202963263649279,0.0473580948514985,0.0405926527298559,0.0270617684865706,0.0202963263649279,0.0135308842432853,0.00676544212164265,0.0202963263649279,0.0135308842432853,0.0135308842432853,0.0270617684865706,0.0135308842432853,0.0270617684865706,0.0202963263649279,0.0270617684865706,0.0270617684865706,0.0270617684865706,0.0270617684865706,0.0270617684865706,0.0202963263649279,0.0135308842432853,0.0338272106082132,0.00676544212164265,0.0135308842432853],"type":"scatter","mode":"lines","line":{"color":"red"},"xaxis":"x","yaxis":"y","uid":"4166ac"},{"name":"Winter: 565 / 774 / 1100-KW","showlegend":true,"x":[567.650541376876,572.999265765512,578.347990154147,583.696714542783,589.045438931419,594.394163320054,599.74288770869,605.091612097326,610.440336485962,615.789060874597,621.137785263233,626.486509651869,631.835234040504,637.18395842914,642.532682817776,647.881407206412,653.230131595047,658.578855983683,663.927580372319,669.276304760955,674.62502914959,679.973753538226,685.322477926862,690.671202315497,696.019926704133,701.368651092769,706.717375481405,712.06609987004,717.414824258676,722.763548647312,728.112273035947,733.460997424583,738.809721813219,744.158446201855,749.50717059049,754.855894979126,760.204619367762,765.553343756397,770.902068145033,776.250792533669,781.599516922305,786.94824131094,792.296965699576,797.645690088212,802.994414476848,808.343138865483,813.691863254119,819.040587642755,824.38931203139,829.738036420026,835.086760808662,840.435485197298,845.784209585933,851.132933974569,856.481658363205,861.83038275184,867.179107140476,872.527831529112,877.876555917748,883.225280306383,888.574004695019,893.922729083655,899.27145347229,904.620177860926,909.968902249562,915.317626638198,920.666351026833,926.015075415469,931.363799804105,936.71252419274,942.061248581376,947.409972970012,952.758697358648,958.107421747283,963.456146135919,968.804870524555,974.153594913191,979.502319301826,984.851043690462,990.199768079098,995.548492467733,1000.89721685637,1006.245941245,1011.59466563364,1016.94339002228,1022.29211441091,1027.64083879955,1032.98956318818,1038.33828757682,1043.68701196546,1049.03573635409,1054.38446074273,1059.73318513136,1065.08190952,1070.43063390863,1075.77935829727,1081.1280826859,1086.47680707454,1091.82553146318,1097.17425585181],"y":[0.00676544212164265,0,0.0135308842432853,0.0405926527298559,0.162370610919424,0.304444895473919,0.446519180028415,0.750964075502334,0.933631012786686,1.42074284554496,1.46133549827481,1.52898991949124,1.44103917190988,1.0148163182464,0.960692781273256,0.805087612475475,0.744198633380691,0.696840538529193,0.825383938840403,0.960692781273256,0.967458223394899,0.987754549759827,0.771260401867262,0.717136864894121,0.629186117312766,0.520939043366484,0.324741221838847,0.338272106082132,0.23002503213585,0.33150666396049,0.236790474257493,0.196197821527637,0.182666937284352,0.155605168797781,0.202963263649279,0.250321358500778,0.216494147892565,0.169136053041066,0.270617684865706,0.270617684865706,0.399161085176916,0.290914011230634,0.223259590014207,0.263852242744063,0.223259590014207,0.209728705770922,0.209728705770922,0.189432379405994,0.202963263649279,0.121777958189568,0.135308842432853,0.169136053041066,0.216494147892565,0.284148569108991,0.23002503213585,0.263852242744063,0.196197821527637,0.243555916379135,0.202963263649279,0.202963263649279,0.263852242744063,0.263852242744063,0.263852242744063,0.263852242744063,0.236790474257493,0.250321358500778,0.324741221838847,0.324741221838847,0.250321358500778,0.277383126987349,0.263852242744063,0.257086800622421,0.317975779717205,0.35856843244706,0.33150666396049,0.392395643055274,0.345037548203775,0.520939043366484,0.399161085176916,0.399161085176916,0.507408159123199,0.480346390636628,0.730667749137406,0.405926527298559,0.514173601244841,0.419457411541844,0.33150666396049,0.345037548203775,0.284148569108991,0.257086800622421,0.236790474257493,0.196197821527637,0.115012516067925,0.0947161897029971,0.0405926527298559,0.0473580948514985,0.0202963263649279,0.0135308842432853,0,0.00676544212164265],"type":"scatter","mode":"lines","line":{"color":"cyan"},"xaxis":"x","yaxis":"y","uid":"cce77e"},{"name":"Trans: 458 / 829 / 1508-KW","showlegend":true,"x":[463.572029927014,474.073145692303,484.574261457591,495.07537722288,505.576492988169,516.077608753458,526.578724518747,537.079840284036,547.580956049325,558.082071814614,568.583187579903,579.084303345192,589.585419110481,600.08653487577,610.587650641059,621.088766406348,631.589882171637,642.090997936926,652.592113702214,663.093229467503,673.594345232792,684.095460998081,694.59657676337,705.097692528659,715.598808293948,726.099924059237,736.601039824526,747.102155589815,757.603271355104,768.104387120393,778.605502885682,789.106618650971,799.60773441626,810.108850181549,820.609965946838,831.111081712126,841.612197477415,852.113313242704,862.614429007993,873.115544773282,883.616660538571,894.11777630386,904.618892069149,915.120007834438,925.621123599727,936.122239365016,946.623355130305,957.124470895594,967.625586660883,978.126702426172,988.62781819146,999.128933956749,1009.63004972204,1020.13116548733,1030.63228125262,1041.13339701791,1051.63451278319,1062.13562854848,1072.63674431377,1083.13786007906,1093.63897584435,1104.14009160964,1114.64120737493,1125.14232314022,1135.64343890551,1146.14455467079,1156.64567043608,1167.14678620137,1177.64790196666,1188.14901773195,1198.65013349724,1209.15124926253,1219.65236502782,1230.15348079311,1240.65459655839,1251.15571232368,1261.65682808897,1272.15794385426,1282.65905961955,1293.16017538484,1303.66129115013,1314.16240691542,1324.66352268071,1335.164638446,1345.66575421128,1356.16686997657,1366.66798574186,1377.16910150715,1387.67021727244,1398.17133303773,1408.67244880302,1419.17356456831,1429.6746803336,1440.17579609888,1450.67691186417,1461.17802762946,1471.67914339475,1482.18025916004,1492.68137492533,1503.18249069062],"y":[0.0270617684865706,0.0270617684865706,0.0202963263649279,0.0270617684865706,0.0744198633380691,0.243555916379135,0.385630200933631,0.392395643055274,0.304444895473919,0.182666937284352,0.399161085176916,1.18395237128746,1.95521277315473,2.32731208984507,1.67106420404573,1.21777958189568,1.18395237128746,1.2380759082606,1.41397740342331,1.31249577159867,1.27866856099046,1.18395237128746,1.11629795007104,1.16365604492254,1.32602665584196,1.50192815100467,1.26513767674718,1.04187808673297,1.25160679250389,1.10276706582775,1.24484135038225,1.22454502401732,1.0621744130979,0.994519991881469,1.09600162370611,1.08923618158447,0.825383938840403,0.778025843988905,0.757729517623977,0.79155672823219,0.710371422772478,0.818618496718761,0.744198633380691,0.635951559434409,0.886272917935187,0.825383938840403,0.805087612475475,0.757729517623977,0.933631012786686,0.89303836005683,1.11629795007104,0.913334686421758,0.886272917935187,0.79155672823219,0.608889790947838,0.608889790947838,0.4600500642717,0.405926527298559,0.297679453352277,0.466815506393343,0.514173601244841,0.527704485488127,0.541235369731412,0.487111832758271,0.527704485488127,0.527704485488127,0.453284622150057,0.324741221838847,0.487111832758271,0.378864758811988,0.372099316690346,0.236790474257493,0.189432379405994,0.189432379405994,0.121777958189568,0.108247073946282,0.12854340031121,0.10148163182464,0.108247073946282,0.0541235369731412,0.148839726676138,0.0744198633380691,0.115012516067925,0.0676544212164265,0.0879507475813544,0.0811853054597118,0.12854340031121,0.0608889790947838,0.0676544212164265,0.0473580948514985,0.0473580948514985,0.00676544212164265,0.0405926527298559,0.0338272106082132,0.0135308842432853,0.0270617684865706,0.0405926527298559,0.0202963263649279,0.00676544212164265,0.00676544212164265],"type":"scatter","mode":"lines","line":{"color":"yellow"},"xaxis":"x","yaxis":"y","uid":"271d71"},{"name":"Cumulative","x":[468.822587809658,479.323703574947,489.824819340236,500.325935105525,510.827050870814,521.328166636103,531.829282401392,542.330398166681,552.83151393197,563.332629697258,573.833745462547,584.334861227836,594.835976993125,605.337092758414,615.838208523703,626.339324288992,636.840440054281,647.34155581957,657.842671584859,668.343787350148,678.844903115437,689.346018880726,699.847134646015,710.348250411304,720.849366176593,731.350481941882,741.85159770717,752.352713472459,762.853829237748,773.354945003037,783.856060768326,794.357176533615,804.858292298904,815.359408064193,825.860523829482,836.361639594771,846.86275536006,857.363871125349,867.864986890638,878.366102655927,888.867218421216,899.368334186504,909.869449951794,920.370565717082,930.871681482371,941.37279724766,951.873913012949,962.375028778238,972.876144543527,983.377260308816,993.878376074105,1004.37949183939,1014.88060760468,1025.38172336997,1035.88283913526,1046.38395490055,1056.88507066584,1067.38618643113,1077.88730219642,1088.38841796171,1098.88953372699,1109.39064949228,1119.89176525757,1130.39288102286,1140.89399678815,1151.39511255344,1161.89622831873,1172.39734408402,1182.89845984931,1193.39957561459,1203.90069137988,1214.40180714517,1224.90292291046,1235.40403867575,1245.90515444104,1256.40627020633,1266.90738597162,1277.40850173691,1287.9096175022,1298.41073326748,1308.91184903277,1319.41296479806,1329.91408056335,1340.41519632864,1350.91631209393,1361.41742785922,1371.91854362451,1382.4196593898,1392.92077515508,1403.42189092037,1413.92300668566,1424.42412245095,1434.92523821624,1445.42635398153,1455.92746974682,1466.42858551211,1476.9297012774,1487.43081704268,1497.93193280797,1508.43304857326],"y":[0.0270617684865706,0.0541235369731412,0.0744198633380691,0.10148163182464,0.175901495162709,0.419457411541844,0.805087612475475,1.19748325553075,1.50192815100467,1.68459508828902,2.09052161558758,3.30830119748326,5.62208240308504,8.90332183208173,12.5972532304986,16.7106420404573,20.5804749340369,23.6790474257493,26.581422095934,29.477031323997,32.7109126581422,35.5794601177187,38.1029700290914,40.0581828022461,41.9525065963061,44.0159664434071,45.6599688789662,47.0874771666328,48.826195791895,50.4025438062377,52.3036330424193,54.0829443204113,55.6660577768757,57.100331506664,58.5684324470604,59.9553480819972,61.1798931060145,62.4788579933699,63.7304647858738,64.9820715783776,66.1592585075435,67.5055814897504,68.7977809349841,69.9411406535417,71.4701305730329,72.8638116500913,74.2101346322982,75.6579392463297,77.3425343346188,79.1015492862459,81.0635275015222,82.9916785061904,84.9807184899533,86.6653135782423,87.9507475813544,89.114403626277,90.0209728705771,90.6501589878899,91.06285095731,91.5973208849198,92.1114944861646,92.6594952980177,93.2277924362357,93.7352005953589,94.262905080847,94.8109058927001,95.30478316758,95.6768824842703,96.1842906433935,96.5969826128137,96.989378255869,97.2938231513429,97.5306136256004,97.7403423313714,97.936540152899,98.0989107638184,98.2409850483729,98.3559975644408,98.4913064068737,98.5589608280901,98.7416277653745,98.8498748393208,98.9851836817536,99.1001961978215,99.2084432717678,99.336986672079,99.5061227251201,99.5805425884582,99.6887896624045,99.7429131993776,99.8038021784724,99.810567620594,99.8511602733239,99.8849874839321,99.8985183681754,99.9255801366619,99.9661727893918,99.9864691157567,99.9932345578784,100],"type":"scatter","mode":"lines","showLegend":true,"line":{"width":3},"text":["Reduction: 68.9%","Reduction: 68.2%","Reduction: 67.5%","Reduction: 66.8%","Reduction: 66.1%","Reduction: 65.4%","Reduction: 64.7%","Reduction: 64.0%","Reduction: 63.4%","Reduction: 62.7%","Reduction: 62.0%","Reduction: 61.3%","Reduction: 60.6%","Reduction: 59.9%","Reduction: 59.2%","Reduction: 58.5%","Reduction: 57.8%","Reduction: 57.1%","Reduction: 56.4%","Reduction: 55.7%","Reduction: 55.0%","Reduction: 54.3%","Reduction: 53.6%","Reduction: 52.9%","Reduction: 52.2%","Reduction: 51.5%","Reduction: 50.8%","Reduction: 50.1%","Reduction: 49.4%","Reduction: 48.7%","Reduction: 48.0%","Reduction: 47.3%","Reduction: 46.6%","Reduction: 45.9%","Reduction: 45.3%","Reduction: 44.6%","Reduction: 43.9%","Reduction: 43.2%","Reduction: 42.5%","Reduction: 41.8%","Reduction: 41.1%","Reduction: 40.4%","Reduction: 39.7%","Reduction: 39.0%","Reduction: 38.3%","Reduction: 37.6%","Reduction: 36.9%","Reduction: 36.2%","Reduction: 35.5%","Reduction: 34.8%","Reduction: 34.1%","Reduction: 33.4%","Reduction: 32.7%","Reduction: 32.0%","Reduction: 31.3%","Reduction: 30.6%","Reduction: 29.9%","Reduction: 29.2%","Reduction: 28.5%","Reduction: 27.8%","Reduction: 27.2%","Reduction: 26.5%","Reduction: 25.8%","Reduction: 25.1%","Reduction: 24.4%","Reduction: 23.7%","Reduction: 23.0%","Reduction: 22.3%","Reduction: 21.6%","Reduction: 20.9%","Reduction: 20.2%","Reduction: 19.5%","Reduction: 18.8%","Reduction: 18.1%","Reduction: 17.4%","Reduction: 16.7%","Reduction: 16.0%","Reduction: 15.3%","Reduction: 14.6%","Reduction: 13.9%","Reduction: 13.2%","Reduction: 12.5%","Reduction: 11.8%","Reduction: 11.1%","Reduction: 10.4%","Reduction:  9.7%","Reduction:  9.1%","Reduction:  8.4%","Reduction:  7.7%","Reduction:  7.0%","Reduction:  6.3%","Reduction:  5.6%","Reduction:  4.9%","Reduction:  4.2%","Reduction:  3.5%","Reduction:  2.8%","Reduction:  2.1%","Reduction:  1.4%","Reduction:  0.7%","Reduction:  0.0%"],"yaxis":"y2","xaxis":"x","uid":"9acdc6"}];

// 0.0411362340870226 - ratio of highest point in y1:y2
// 0.05 - matches up grid lines but not zerosof y1:y2
var layout = {
  "yaxis2":{"title":"Cumulative % of time","overlaying":"y","side":"right","rangemode":"tozero","domain":[0,1],"anchor":"x","type":"linear","range":[0,105.26315789473684],"autorange":true, "scaleanchor": "y", "scaleratio": 0.0411362340870226},
  "hovermode":"closest",
 "xaxis":{"domain":[0,1],"anchor":"y","type":"linear","range":[458.321472044374,1508.43304857326],"autorange":true},
 "yaxis":{"title":"% of time","rangemode":"tozero","domain":[0,1],"anchor":"x","type":"linear","range":[0,4.329882957851295],"autorange":true}};

Plotly.newPlot("plot-1", data, layout, { displaylogo: false, showlink: false, modeBarButtonsToRemove: ["sendDataToClound", "select2d", "lasso2d"]});

function plotlyResizeHandler() {
    // handle the resize event
    for (var i=0; i<plots.length; i++) { Plotly.Plots.resize(plots[i]); } 
}

var plots = document.getElementsByClassName("js-plotly-plot");

// this will delay the resize event from firing until the page is done moving
// https://developer.mozilla.org/en-US/docs/Web/Events/resize

(function() {
    window.addEventListener("resize", resizeThrottler, false);

    var resizeTimeout;
    function resizeThrottler() {
        // ignore resize events as long as an plotlyResizeHandler execution is in the queue
        if ( !resizeTimeout ) {
          resizeTimeout = setTimeout(function() {
            resizeTimeout = null;
            plotlyResizeHandler(); // The plotlyResizeHandler will execute at a rate of 15fps
           }, 66);
        }
    }

}());
              
            
!
999px

Console