In [2]:
%%javascript
var plot = new beakerx.Plot({
    title: 'Title',
    xLabel: "Horizontal", 
    yLabel: "Vertical",
    initWidth: 800,
    initHeight: 500
})
plot.display(this);
In [3]:
%%javascript

// Run to define example data for demos
beakerx.rates = [{"time":"1990-01-31T00:00:00.000Z","m3":7.898095238095237,"m6":7.956190476190476,"y1":7.920952380952381,"y2":8.085238095238097,"y3":8.13238095238095,"y5":8.11952380952381,"y7":8.196190476190477,"y10":8.206666666666667,"y30":8.25857142857143},{"time":"1990-02-28T00:00:00.000Z","m3":8.002105263157894,"m6":8.121052631578948,"y1":8.111052631578946,"y2":8.370526315789473,"y3":8.386842105263158,"y5":8.424736842105263,"y7":8.47578947368421,"y10":8.473157894736843,"y30":8.503684210526314},{"time":"1990-03-31T00:00:00.000Z","m3":8.17,"m6":8.280000000000001,"y1":8.350000000000001,"y2":8.626818181818182,"y3":8.627272727272727,"y5":8.600454545454546,"y7":8.648181818181818,"y10":8.588636363636365,"y30":8.563181818181818},{"time":"1990-04-30T00:00:00.000Z","m3":8.0405,"m6":8.27,"y1":8.4045,"y2":8.723999999999998,"y3":8.782499999999999,"y5":8.768,"y7":8.812999999999999,"y10":8.7855,"y30":8.755999999999997},{"time":"1990-05-31T00:00:00.000Z","m3":8.006818181818183,"m6":8.190909090909093,"y1":8.316363636363635,"y2":8.642272727272728,"y3":8.692272727272726,"y5":8.73590909090909,"y7":8.783636363636367,"y10":8.758181818181818,"y30":8.731363636363637},{"time":"1990-06-30T00:00:00.000Z","m3":7.986666666666668,"m6":8.045238095238094,"y1":8.096190476190475,"y2":8.35095238095238,"y3":8.39809523809524,"y5":8.43047619047619,"y7":8.517619047619048,"y10":8.480000000000002,"y30":8.457619047619048},{"time":"1990-07-31T00:00:00.000Z","m3":7.8747619047619075,"m6":7.923333333333333,"y1":7.940952380952382,"y2":8.157142857142858,"y3":8.264761904761908,"y5":8.33095238095238,"y7":8.455238095238096,"y10":8.471428571428573,"y30":8.498095238095239},{"time":"1990-08-31T00:00:00.000Z","m3":7.694347826086955,"m6":7.766086956521738,"y1":7.7791304347826085,"y2":8.061304347826086,"y3":8.218695652173912,"y5":8.436521739130434,"y7":8.643913043478262,"y10":8.752608695652174,"y30":8.863478260869565},{"time":"1990-09-30T00:00:00.000Z","m3":7.597894736842105,"m6":7.69842105263158,"y1":7.7631578947368425,"y2":8.079473684210527,"y3":8.26736842105263,"y5":8.513684210526316,"y7":8.786842105263156,"y10":8.893157894736841,"y30":9.028947368421054},{"time":"1990-10-31T00:00:00.000Z","m3":7.4,"m6":7.5295454545454525,"y1":7.551363636363636,"y2":7.877727272727273,"y3":8.068636363636363,"y5":8.327727272727273,"y7":8.593636363636362,"y10":8.719545454545454,"y30":8.857727272727272},{"time":"1990-11-30T00:00:00.000Z","m3":7.2905,"m6":7.3850000000000025,"y1":7.3134999999999994,"y2":7.599500000000001,"y3":7.736999999999999,"y5":8.0225,"y7":8.276499999999999,"y10":8.392,"y30":8.540500000000002},{"time":"1990-12-31T00:00:00.000Z","m3":6.9495000000000005,"m6":7.026499999999999,"y1":7.0504999999999995,"y2":7.314,"y3":7.465999999999999,"y5":7.7265,"y7":8.000499999999999,"y10":8.075,"y30":8.237},{"time":"1991-01-31T00:00:00.000Z","m3":6.4104761904761896,"m6":6.575714285714286,"y1":6.644285714285714,"y2":7.125238095238095,"y3":7.3776190476190475,"y5":7.699999999999998,"y7":7.97047619047619,"y10":8.091904761904763,"y30":8.26952380952381},{"time":"1991-02-28T00:00:00.000Z","m3":6.116315789473683,"m6":6.194736842105264,"y1":6.266842105263158,"y2":6.866842105263159,"y3":7.07736842105263,"y5":7.472631578947366,"y7":7.73263157894737,"y10":7.854736842105262,"y30":8.034210526315789},{"time":"1991-03-31T00:00:00.000Z","m3":6.0935,"m6":6.1985,"y1":6.396,"y2":7.103,"y3":7.353500000000001,"y5":7.772,"y7":8.002500000000001,"y10":8.110000000000001,"y30":8.288},{"time":"1991-04-30T00:00:00.000Z","m3":5.825454545454547,"m6":5.9768181818181825,"y1":6.235909090909092,"y2":6.948181818181819,"y3":7.2318181818181815,"y5":7.700909090909089,"y7":7.922727272727273,"y10":8.039090909090909,"y30":8.209545454545452},{"time":"1991-05-31T00:00:00.000Z","m3":5.633636363636363,"m6":5.873181818181819,"y1":6.130454545454546,"y2":6.783636363636364,"y3":7.11681818181818,"y5":7.701363636363635,"y7":7.942272727272726,"y10":8.067727272727272,"y30":8.267272727272728},{"time":"1991-06-30T00:00:00.000Z","m3":5.7509999999999994,"m6":6.023999999999999,"y1":6.358499999999999,"y2":6.956,"y3":7.391500000000002,"y5":7.936999999999999,"y7":8.171000000000001,"y10":8.284000000000002,"y30":8.471999999999998},{"time":"1991-07-31T00:00:00.000Z","m3":5.750909090909092,"m6":5.974545454545455,"y1":6.305454545454544,"y2":6.917727272727273,"y3":7.375909090909093,"y5":7.911363636363637,"y7":8.146818181818183,"y10":8.272727272727272,"y30":8.452272727272726},{"time":"1991-08-31T00:00:00.000Z","m3":5.497727272727273,"m6":5.633636363636364,"y1":5.778181818181817,"y2":6.4331818181818194,"y3":6.797272727272728,"y5":7.425,"y7":7.74,"y10":7.8999999999999995,"y30":8.143636363636364},{"time":"1991-09-30T00:00:00.000Z","m3":5.373500000000001,"m6":5.479000000000001,"y1":5.5725,"y2":6.181499999999999,"y3":6.5,"y5":7.135999999999998,"y7":7.4765,"y10":7.650000000000001,"y30":7.948},{"time":"1991-10-31T00:00:00.000Z","m3":5.144090909090909,"m6":5.259090909090909,"y1":5.333636363636363,"y2":5.912272727272728,"y3":6.229090909090909,"y5":6.871363636363637,"y7":7.246363636363637,"y10":7.527272727272727,"y30":7.9304545454545465},{"time":"1991-11-30T00:00:00.000Z","m3":4.689473684210525,"m6":4.801052631578948,"y1":4.889473684210526,"y2":5.558947368421052,"y3":5.903684210526316,"y5":6.617894736842106,"y7":7.058947368421053,"y10":7.417368421052631,"y30":7.92157894736842},{"time":"1991-12-31T00:00:00.000Z","m3":4.184285714285713,"m6":4.261428571428572,"y1":4.378095238095239,"y2":5.025714285714285,"y3":5.392857142857143,"y5":6.186190476190476,"y7":6.685238095238096,"y10":7.088571428571428,"y30":7.701904761904762},{"time":"1992-01-31T00:00:00.000Z","m3":3.906190476190477,"m6":4.009999999999999,"y1":4.150952380952381,"y2":4.958095238095238,"y3":5.395714285714287,"y5":6.242857142857143,"y7":6.704761904761904,"y10":7.032380952380953,"y30":7.581904761904763},{"time":"1992-02-29T00:00:00.000Z","m3":3.9500000000000006,"m6":4.076315789473684,"y1":4.287368421052631,"y2":5.212105263157894,"y3":5.719999999999999,"y5":6.577894736842105,"y7":6.962105263157895,"y10":7.337894736842106,"y30":7.8547368421052655},{"time":"1992-03-31T00:00:00.000Z","m3":4.138636363636364,"m6":4.330909090909091,"y1":4.634545454545454,"y2":5.6850000000000005,"y3":6.1831818181818194,"y5":6.945454545454544,"y7":7.257272727272727,"y10":7.542272727272726,"y30":7.969545454545454},{"time":"1992-04-30T00:00:00.000Z","m3":3.8390476190476193,"m6":4.002857142857142,"y1":4.299047619047619,"y2":5.344285714285713,"y3":5.925238095238096,"y5":6.784285714285714,"y7":7.15285714285714,"y10":7.480476190476191,"y30":7.962380952380952},{"time":"1992-05-31T00:00:00.000Z","m3":3.7190000000000003,"m6":3.8815,"y1":4.189499999999999,"y2":5.2254999999999985,"y3":5.8135,"y5":6.6925,"y7":7.0615,"y10":7.392000000000001,"y30":7.891},{"time":"1992-06-30T00:00:00.000Z","m3":3.745,"m6":3.894999999999999,"y1":4.165909090909091,"y2":5.048181818181817,"y3":5.597272727272727,"y5":6.482727272727273,"y7":6.904545454545455,"y10":7.26181818181818,"y30":7.841818181818181},{"time":"1992-07-31T00:00:00.000Z","m3":3.2795454545454534,"m6":3.3831818181818183,"y1":3.5959090909090907,"y2":4.3554545454545455,"y3":4.906363636363635,"y5":5.836818181818182,"y7":6.357272727272728,"y10":6.844545454545455,"y30":7.5981818181818195},{"time":"1992-08-31T00:00:00.000Z","m3":3.1990476190476187,"m6":3.310952380952381,"y1":3.471904761904762,"y2":4.192857142857143,"y3":4.724761904761905,"y5":5.596190476190476,"y7":6.121904761904762,"y10":6.585714285714286,"y30":7.390476190476188},{"time":"1992-09-30T00:00:00.000Z","m3":2.968571428571428,"m6":3.041904761904762,"y1":3.1842857142857146,"y2":3.8942857142857137,"y3":4.415238095238096,"y5":5.38,"y7":5.96095238095238,"y10":6.415238095238097,"y30":7.340952380952382},{"time":"1992-10-31T00:00:00.000Z","m3":2.932857142857143,"m6":3.127619047619047,"y1":3.3023809523809526,"y2":4.082857142857142,"y3":4.638095238095239,"y5":5.600476190476191,"y7":6.154761904761905,"y10":6.589047619047619,"y30":7.531904761904761},{"time":"1992-11-30T00:00:00.000Z","m3":3.2057894736842103,"m6":3.439473684210526,"y1":3.682105263157895,"y2":4.579473684210527,"y3":5.140526315789474,"y5":6.037894736842105,"y7":6.49,"y10":6.873157894736842,"y30":7.606842105263159},{"time":"1992-12-31T00:00:00.000Z","m3":3.291363636363637,"m6":3.4686363636363633,"y1":3.711363636363636,"y2":4.673636363636363,"y3":5.213636363636363,"y5":6.07590909090909,"y7":6.456818181818181,"y10":6.769999999999999,"y30":7.436363636363637},{"time":"1993-01-31T00:00:00.000Z","m3":3.0710526315789473,"m6":3.237894736842105,"y1":3.496315789473683,"y2":4.39,"y3":4.932631578947368,"y5":5.8336842105263145,"y7":6.26,"y10":6.6,"y30":7.341578947368421},{"time":"1993-02-28T00:00:00.000Z","m3":2.9926315789473685,"m6":3.160526315789474,"y1":3.3857894736842105,"y2":4.09842105263158,"y3":4.578947368421052,"y5":5.428947368421054,"y7":5.868947368421054,"y10":6.258947368421054,"y30":7.0894736842105255},{"time":"1993-03-31T00:00:00.000Z","m3":3.0143478260869565,"m6":3.1456521739130436,"y1":3.3330434782608696,"y2":3.9495652173913043,"y3":4.401304347826087,"y5":5.194782608695653,"y7":5.655652173913044,"y10":5.975217391304348,"y30":6.821739130434783},{"time":"1993-04-30T00:00:00.000Z","m3":2.9304761904761905,"m6":3.0628571428571427,"y1":3.2442857142857147,"y2":3.837619047619048,"y3":4.302380952380951,"y5":5.1328571428571435,"y7":5.593809523809523,"y10":5.969523809523809,"y30":6.854285714285714},{"time":"1993-05-31T00:00:00.000Z","m3":3.025,"m6":3.1655000000000006,"y1":3.3634999999999997,"y2":3.9769999999999994,"y3":4.4045000000000005,"y5":5.1979999999999995,"y7":5.659000000000001,"y10":6.0355,"y30":6.919},{"time":"1993-06-30T00:00:00.000Z","m3":3.144545454545454,"m6":3.294545454545455,"y1":3.536363636363637,"y2":4.163636363636364,"y3":4.530909090909091,"y5":5.216818181818181,"y7":5.611818181818181,"y10":5.962727272727272,"y30":6.807272727272727},{"time":"1993-07-31T00:00:00.000Z","m3":3.11095238095238,"m6":3.2576190476190483,"y1":3.4747619047619045,"y2":4.071904761904762,"y3":4.42952380952381,"y5":5.0909523809523805,"y7":5.476190476190475,"y10":5.805238095238097,"y30":6.6257142857142854},{"time":"1993-08-31T00:00:00.000Z","m3":3.0904545454545445,"m6":3.235454545454545,"y1":3.4436363636363634,"y2":4.001363636363636,"y3":4.363636363636364,"y5":5.0249999999999995,"y7":5.353181818181818,"y10":5.677727272727274,"y30":6.323181818181819},{"time":"1993-09-30T00:00:00.000Z","m3":3.008571428571428,"m6":3.1509523809523805,"y1":3.356190476190476,"y2":3.8471428571428583,"y3":4.165238095238095,"y5":4.734761904761904,"y7":5.076190476190477,"y10":5.36,"y30":5.997142857142857},{"time":"1993-10-31T00:00:00.000Z","m3":3.092,"m6":3.219,"y1":3.3920000000000003,"y2":3.8745,"y3":4.175000000000001,"y5":4.707000000000001,"y7":5.054,"y10":5.333999999999999,"y30":5.938999999999999},{"time":"1993-11-30T00:00:00.000Z","m3":3.1795,"m6":3.3614999999999995,"y1":3.5790000000000006,"y2":4.1555,"y3":4.498,"y5":5.063,"y7":5.446999999999999,"y10":5.724000000000001,"y30":6.210000000000001},{"time":"1993-12-31T00:00:00.000Z","m3":3.127727272727273,"m6":3.3354545454545454,"y1":3.6072727272727274,"y2":4.212272727272729,"y3":4.54,"y5":5.146818181818182,"y7":5.484090909090909,"y10":5.7740909090909085,"y30":6.251818181818181},{"time":"1994-01-31T00:00:00.000Z","m3":3.0444999999999993,"m6":3.2529999999999992,"y1":3.5425000000000004,"y2":4.14,"y3":4.478999999999999,"y5":5.087,"y7":5.430999999999999,"y10":5.750500000000001,"y30":6.2909999999999995},{"time":"1994-02-28T00:00:00.000Z","m3":3.3305263157894736,"m6":3.534736842105264,"y1":3.86578947368421,"y2":4.474210526315789,"y3":4.832105263157895,"y5":5.395263157894736,"y7":5.719473684210527,"y10":5.9731578947368416,"y30":6.490526315789474},{"time":"1994-03-31T00:00:00.000Z","m3":3.5908695652173903,"m6":3.914782608695653,"y1":4.3191304347826085,"y2":4.995217391304348,"y3":5.395652173913043,"y5":5.941304347826086,"y7":6.28,"y10":6.482608695652175,"y30":6.906521739130435},{"time":"1994-04-30T00:00:00.000Z","m3":3.7805263157894737,"m6":4.247368421052633,"y1":4.815789473684211,"y2":5.549473684210528,"y3":5.99421052631579,"y5":6.52421052631579,"y7":6.8042105263157895,"y10":6.972105263157893,"y30":7.2689473684210535},{"time":"1994-05-31T00:00:00.000Z","m3":4.267619047619048,"m6":4.785714285714287,"y1":5.314285714285714,"y2":5.968095238095238,"y3":6.3361904761904775,"y5":6.779999999999999,"y7":7.006190476190476,"y10":7.183333333333333,"y30":7.412380952380951},{"time":"1994-06-30T00:00:00.000Z","m3":4.24909090909091,"m6":4.719545454545455,"y1":5.267272727272728,"y2":5.931363636363637,"y3":6.2681818181818185,"y5":6.695454545454546,"y7":6.906818181818181,"y10":7.101363636363635,"y30":7.395},{"time":"1994-07-31T00:00:00.000Z","m3":4.4565,"m6":4.9535,"y1":5.4765,"y2":6.129999999999999,"y3":6.475999999999999,"y5":6.9094999999999995,"y7":7.124499999999999,"y10":7.298,"y30":7.578999999999999},{"time":"1994-08-31T00:00:00.000Z","m3":4.611739130434784,"m6":5.081739130434784,"y1":5.562173913043479,"y2":6.177391304347825,"y3":6.495652173913044,"y5":6.877826086956523,"y7":7.062173913043479,"y10":7.236086956521739,"y30":7.486086956521742},{"time":"1994-09-30T00:00:00.000Z","m3":4.751428571428572,"m6":5.240000000000001,"y1":5.762857142857142,"y2":6.392380952380951,"y3":6.69285714285714,"y5":7.083333333333333,"y7":7.283333333333334,"y10":7.4571428571428555,"y30":7.712380952380952},{"time":"1994-10-31T00:00:00.000Z","m3":5.101999999999999,"m6":5.6209999999999996,"y1":6.114500000000001,"y2":6.728500000000001,"y3":7.041500000000001,"y5":7.402999999999999,"y7":7.5815,"y10":7.744,"y30":7.9350000000000005},{"time":"1994-11-30T00:00:00.000Z","m3":5.449,"m6":5.975,"y1":6.539999999999999,"y2":7.1485,"y3":7.44,"y5":7.717500000000001,"y7":7.830000000000001,"y10":7.955,"y30":8.081500000000002},{"time":"1994-12-31T00:00:00.000Z","m3":5.7647619047619045,"m6":6.504761904761905,"y1":7.1361904761904755,"y2":7.58952380952381,"y3":7.70952380952381,"y5":7.776190476190478,"y7":7.801428571428572,"y10":7.813809523809524,"y30":7.871428571428571},{"time":"1995-01-31T00:00:00.000Z","m3":5.9014999999999995,"m6":6.5059999999999985,"y1":7.050500000000001,"y2":7.506999999999998,"y3":7.6625,"y5":7.7559999999999985,"y7":7.791500000000001,"y10":7.779499999999999,"y30":7.846500000000001},{"time":"1995-02-28T00:00:00.000Z","m3":5.939473684210526,"m6":6.30842105263158,"y1":6.696842105263157,"y2":7.111578947368422,"y3":7.247368421052631,"y5":7.365789473684211,"y7":7.440526315789474,"y10":7.469473684210527,"y30":7.6115789473684226},{"time":"1995-03-31T00:00:00.000Z","m3":5.910434782608696,"m6":6.1726086956521735,"y1":6.431739130434783,"y2":6.775652173913042,"y3":6.892173913043479,"y5":7.047391304347829,"y7":7.142608695652172,"y10":7.204782608695651,"y30":7.447826086956522},{"time":"1995-04-30T00:00:00.000Z","m3":5.837894736842105,"m6":6.0463157894736845,"y1":6.265789473684211,"y2":6.567894736842104,"y3":6.684210526315789,"y5":6.860000000000002,"y7":6.951052631578947,"y10":7.06263157894737,"y30":7.360526315789475},{"time":"1995-05-31T00:00:00.000Z","m3":5.847727272727274,"m6":5.930454545454546,"y1":5.997727272727274,"y2":6.170909090909091,"y3":6.268636363636362,"y5":6.414545454545456,"y7":6.503181818181818,"y10":6.632727272727272,"y30":6.9499999999999975},{"time":"1995-06-30T00:00:00.000Z","m3":5.63909090909091,"m6":5.661818181818183,"y1":5.6422727272727276,"y2":5.715909090909092,"y3":5.795909090909091,"y5":5.928636363636364,"y7":6.047272727272727,"y10":6.168181818181818,"y30":6.57318181818182},{"time":"1995-07-31T00:00:00.000Z","m3":5.592999999999999,"m6":5.618499999999999,"y1":5.593999999999999,"y2":5.779999999999999,"y3":5.8854999999999995,"y5":6.008500000000001,"y7":6.199000000000001,"y10":6.2780000000000005,"y30":6.721000000000001},{"time":"1995-08-31T00:00:00.000Z","m3":5.565652173913042,"m6":5.650434782608695,"y1":5.752608695652173,"y2":5.980869565217391,"y3":6.102608695652172,"y5":6.24391304347826,"y7":6.411739130434783,"y10":6.488260869565219,"y30":6.860434782608695},{"time":"1995-09-30T00:00:00.000Z","m3":5.434,"m6":5.536999999999999,"y1":5.62,"y2":5.805999999999999,"y3":5.891,"y5":6.0015,"y7":6.131499999999999,"y10":6.1975,"y30":6.5489999999999995},{"time":"1995-10-31T00:00:00.000Z","m3":5.444285714285714,"m6":5.5647619047619035,"y1":5.590476190476191,"y2":5.6971428571428575,"y3":5.7719047619047625,"y5":5.862857142857143,"y7":5.967142857142859,"y10":6.044761904761906,"y30":6.374761904761904},{"time":"1995-11-30T00:00:00.000Z","m3":5.5180952380952375,"m6":5.505714285714285,"y1":5.432857142857143,"y2":5.478571428571428,"y3":5.56952380952381,"y5":5.694285714285714,"y7":5.83,"y10":5.930476190476189,"y30":6.262857142857142},{"time":"1995-12-31T00:00:00.000Z","m3":5.2940000000000005,"m6":5.349000000000001,"y1":5.307,"y2":5.3245000000000005,"y3":5.386500000000001,"y5":5.513499999999999,"y7":5.6315,"y10":5.711499999999999,"y30":6.062500000000001},{"time":"1996-01-31T00:00:00.000Z","m3":5.150476190476191,"m6":5.132857142857142,"y1":5.0876190476190475,"y2":5.112380952380952,"y3":5.204761904761903,"y5":5.362380952380953,"y7":5.539047619047619,"y10":5.652380952380953,"y30":6.051904761904763},{"time":"1996-02-29T00:00:00.000Z","m3":4.9645,"m6":4.966499999999999,"y1":4.941999999999999,"y2":5.025499999999999,"y3":5.143000000000001,"y5":5.3795,"y7":5.638,"y10":5.8055,"y30":6.242000000000001},{"time":"1996-03-31T00:00:00.000Z","m3":5.097619047619047,"m6":5.158571428571429,"y1":5.342380952380952,"y2":5.66095238095238,"y3":5.785714285714285,"y5":5.9661904761904765,"y7":6.18952380952381,"y10":6.268571428571428,"y30":6.604285714285714},{"time":"1996-04-30T00:00:00.000Z","m3":5.087727272727273,"m6":5.267727272727273,"y1":5.537727272727275,"y2":5.957272727272727,"y3":6.107727272727273,"y5":6.300909090909091,"y7":6.48,"y10":6.511363636363637,"y30":6.794090909090909},{"time":"1996-05-31T00:00:00.000Z","m3":5.153636363636366,"m6":5.33090909090909,"y1":5.636818181818182,"y2":6.095,"y3":6.2713636363636365,"y5":6.483181818181818,"y7":6.656818181818181,"y10":6.736818181818182,"y30":6.927727272727273},{"time":"1996-06-30T00:00:00.000Z","m3":5.2315,"m6":5.462000000000001,"y1":5.8100000000000005,"y2":6.296999999999999,"y3":6.484999999999999,"y5":6.689499999999998,"y7":6.834000000000001,"y10":6.911999999999999,"y30":7.059000000000002},{"time":"1996-07-31T00:00:00.000Z","m3":5.298181818181818,"m6":5.524090909090909,"y1":5.85090909090909,"y2":6.270000000000001,"y3":6.453636363636362,"y5":6.635909090909092,"y7":6.75818181818182,"y10":6.865454545454546,"y30":7.033181818181819},{"time":"1996-08-31T00:00:00.000Z","m3":5.189090909090909,"m6":5.341363636363637,"y1":5.666818181818183,"y2":6.029090909090908,"y3":6.206363636363636,"y5":6.38909090909091,"y7":6.515000000000001,"y10":6.6354545454545475,"y30":6.841818181818183},{"time":"1996-09-30T00:00:00.000Z","m3":5.237500000000002,"m6":5.453500000000001,"y1":5.833,"y2":6.234,"y3":6.407499999999999,"y5":6.5969999999999995,"y7":6.7299999999999995,"y10":6.831999999999999,"y30":7.025999999999999},{"time":"1996-10-31T00:00:00.000Z","m3":5.123181818181818,"m6":5.316363636363636,"y1":5.549999999999999,"y2":5.912727272727273,"y3":6.078636363636363,"y5":6.270454545454546,"y7":6.420000000000002,"y10":6.533636363636364,"y30":6.808636363636364},{"time":"1996-11-30T00:00:00.000Z","m3":5.169473684210526,"m6":5.273684210526316,"y1":5.4231578947368435,"y2":5.7015789473684215,"y3":5.818421052631578,"y5":5.973157894736842,"y7":6.097368421052631,"y10":6.203684210526316,"y30":6.481578947368421},{"time":"1996-12-31T00:00:00.000Z","m3":5.0404761904761894,"m6":5.243333333333334,"y1":5.471904761904762,"y2":5.7819047619047605,"y3":5.906666666666668,"y5":6.068095238095237,"y7":6.199047619047618,"y10":6.302380952380952,"y30":6.552380952380953},{"time":"1997-01-31T00:00:00.000Z","m3":5.165714285714286,"m6":5.307619047619049,"y1":5.612380952380951,"y2":6.008095238095239,"y3":6.155714285714287,"y5":6.333333333333332,"y7":6.471428571428571,"y10":6.579047619047619,"y30":6.826666666666666},{"time":"1997-02-28T00:00:00.000Z","m3":5.1421052631578945,"m6":5.265263157894737,"y1":5.525263157894737,"y2":5.898421052631579,"y3":6.032631578947368,"y5":6.198947368421052,"y7":6.318947368421052,"y10":6.419473684210526,"y30":6.687894736842104},{"time":"1997-03-31T00:00:00.000Z","m3":5.2844999999999995,"m6":5.479,"y1":5.795499999999999,"y2":6.222,"y3":6.378499999999999,"y5":6.536999999999999,"y7":6.653499999999999,"y10":6.6945,"y30":6.932499999999997},{"time":"1997-04-30T00:00:00.000Z","m3":5.304545454545456,"m6":5.595,"y1":5.988181818181817,"y2":6.448181818181817,"y3":6.605,"y5":6.75909090909091,"y7":6.86,"y10":6.885454545454547,"y30":7.092727272727273},{"time":"1997-05-31T00:00:00.000Z","m3":5.196666666666668,"m6":5.527619047619047,"y1":5.86952380952381,"y2":6.276666666666666,"y3":6.421428571428571,"y5":6.567619047619049,"y7":6.658571428571429,"y10":6.71095238095238,"y30":6.935714285714285},{"time":"1997-06-30T00:00:00.000Z","m3":5.070952380952381,"m6":5.338571428571429,"y1":5.691904761904762,"y2":6.094761904761905,"y3":6.237142857142858,"y5":6.375238095238096,"y7":6.458095238095237,"y10":6.493809523809525,"y30":6.772380952380952},{"time":"1997-07-31T00:00:00.000Z","m3":5.1945454545454535,"m6":5.329545454545455,"y1":5.541818181818181,"y2":5.8909090909090915,"y3":6.001363636363635,"y5":6.120909090909091,"y7":6.201818181818182,"y10":6.220454545454545,"y30":6.51},{"time":"1997-08-31T00:00:00.000Z","m3":5.279523809523808,"m6":5.401428571428572,"y1":5.564761904761905,"y2":5.93904761904762,"y3":6.059523809523809,"y5":6.159999999999999,"y7":6.29047619047619,"y10":6.298571428571426,"y30":6.578571428571429},{"time":"1997-09-30T00:00:00.000Z","m3":5.084761904761905,"m6":5.295714285714285,"y1":5.523809523809523,"y2":5.881904761904762,"y3":5.975714285714285,"y5":6.106190476190474,"y7":6.200952380952381,"y10":6.208571428571428,"y30":6.495238095238094},{"time":"1997-10-31T00:00:00.000Z","m3":5.112727272727273,"m6":5.299090909090908,"y1":5.456363636363636,"y2":5.771818181818182,"y3":5.83909090909091,"y5":5.928181818181819,"y7":6.054090909090909,"y10":6.029545454545456,"y30":6.326363636363637},{"time":"1997-11-30T00:00:00.000Z","m3":5.2811111111111115,"m6":5.376666666666667,"y1":5.457222222222222,"y2":5.712777777777778,"y3":5.754999999999999,"y5":5.803888888888888,"y7":5.901666666666667,"y10":5.874999999999999,"y30":6.109444444444446},{"time":"1997-12-31T00:00:00.000Z","m3":5.304545454545454,"m6":5.451363636363637,"y1":5.5249999999999995,"y2":5.715,"y3":5.741818181818181,"y5":5.7731818181818175,"y7":5.825000000000002,"y10":5.8086363636363645,"y30":5.99},{"time":"1998-01-31T00:00:00.000Z","m3":5.179,"m6":5.230500000000001,"y1":5.244499999999999,"y2":5.356999999999999,"y3":5.375,"y5":5.416,"y7":5.5305,"y10":5.544500000000001,"y30":5.811000000000002},{"time":"1998-02-28T00:00:00.000Z","m3":5.23,"m6":5.274210526315789,"y1":5.308421052631579,"y2":5.417894736842104,"y3":5.4342105263157885,"y5":5.4926315789473685,"y7":5.603157894736842,"y10":5.574736842105264,"y30":5.8910526315789475},{"time":"1998-03-31T00:00:00.000Z","m3":5.16181818181818,"m6":5.248181818181817,"y1":5.3895454545454555,"y2":5.561363636363636,"y3":5.566818181818181,"y5":5.611818181818183,"y7":5.709090909090909,"y10":5.647272727272727,"y30":5.948181818181817},{"time":"1998-04-30T00:00:00.000Z","m3":5.082857142857142,"m6":5.2628571428571425,"y1":5.379047619047619,"y2":5.564285714285712,"y3":5.580952380952383,"y5":5.611904761904762,"y7":5.695714285714286,"y10":5.637619047619048,"y30":5.923809523809524}];
beakerx.time = [633744000000,636163200000,638841600000,641433600000,644112000000,646704000000,649382400000,652060800000,654652800000,657331200000,659923200000,662601600000,665280000000,667699200000,670377600000,672969600000,675648000000,678240000000,680918400000,683596800000,686188800000,688867200000,691459200000,694137600000,696816000000,699321600000,702000000000,704592000000,707270400000,709862400000,712540800000,715219200000,717811200000,720489600000,723081600000,725760000000,728438400000,730857600000,733536000000,736128000000,738806400000,741398400000,744076800000,746755200000,749347200000,752025600000,754617600000,757296000000,759974400000,762393600000,765072000000,767664000000,770342400000,772934400000,775612800000,778291200000,780883200000,783561600000,786153600000,788832000000,791510400000,793929600000,796608000000,799200000000,801878400000,804470400000,807148800000,809827200000,812419200000,815097600000,817689600000,820368000000,823046400000,825552000000,828230400000,830822400000,833500800000,836092800000,838771200000,841449600000,844041600000,846720000000,849312000000,851990400000,854668800000,857088000000,859766400000,862358400000,865036800000,867628800000,870307200000,872985600000,875577600000,878256000000,880848000000,883526400000,886204800000,888624000000,891302400000,893894400000];
beakerx.m3 = [7.898095238095237,8.002105263157894,8.17,8.0405,8.006818181818183,7.986666666666668,7.8747619047619075,7.694347826086955,7.597894736842105,7.4,7.2905,6.9495000000000005,6.4104761904761896,6.116315789473683,6.0935,5.825454545454547,5.633636363636363,5.7509999999999994,5.750909090909092,5.497727272727273,5.373500000000001,5.144090909090909,4.689473684210525,4.184285714285713,3.906190476190477,3.9500000000000006,4.138636363636364,3.8390476190476193,3.7190000000000003,3.745,3.2795454545454534,3.1990476190476187,2.968571428571428,2.932857142857143,3.2057894736842103,3.291363636363637,3.0710526315789473,2.9926315789473685,3.0143478260869565,2.9304761904761905,3.025,3.144545454545454,3.11095238095238,3.0904545454545445,3.008571428571428,3.092,3.1795,3.127727272727273,3.0444999999999993,3.3305263157894736,3.5908695652173903,3.7805263157894737,4.267619047619048,4.24909090909091,4.4565,4.611739130434784,4.751428571428572,5.101999999999999,5.449,5.7647619047619045,5.9014999999999995,5.939473684210526,5.910434782608696,5.837894736842105,5.847727272727274,5.63909090909091,5.592999999999999,5.565652173913042,5.434,5.444285714285714,5.5180952380952375,5.2940000000000005,5.150476190476191,4.9645,5.097619047619047,5.087727272727273,5.153636363636366,5.2315,5.298181818181818,5.189090909090909,5.237500000000002,5.123181818181818,5.169473684210526,5.0404761904761894,5.165714285714286,5.1421052631578945,5.2844999999999995,5.304545454545456,5.196666666666668,5.070952380952381,5.1945454545454535,5.279523809523808,5.084761904761905,5.112727272727273,5.2811111111111115,5.304545454545454,5.179,5.23,5.16181818181818,5.082857142857142];
beakerx.y10 = [8.206666666666667,8.473157894736843,8.588636363636365,8.7855,8.758181818181818,8.480000000000002,8.471428571428573,8.752608695652174,8.893157894736841,8.719545454545454,8.392,8.075,8.091904761904763,7.854736842105262,8.110000000000001,8.039090909090909,8.067727272727272,8.284000000000002,8.272727272727272,7.8999999999999995,7.650000000000001,7.527272727272727,7.417368421052631,7.088571428571428,7.032380952380953,7.337894736842106,7.542272727272726,7.480476190476191,7.392000000000001,7.26181818181818,6.844545454545455,6.585714285714286,6.415238095238097,6.589047619047619,6.873157894736842,6.769999999999999,6.6,6.258947368421054,5.975217391304348,5.969523809523809,6.0355,5.962727272727272,5.805238095238097,5.677727272727274,5.36,5.333999999999999,5.724000000000001,5.7740909090909085,5.750500000000001,5.9731578947368416,6.482608695652175,6.972105263157893,7.183333333333333,7.101363636363635,7.298,7.236086956521739,7.4571428571428555,7.744,7.955,7.813809523809524,7.779499999999999,7.469473684210527,7.204782608695651,7.06263157894737,6.632727272727272,6.168181818181818,6.2780000000000005,6.488260869565219,6.1975,6.044761904761906,5.930476190476189,5.711499999999999,5.652380952380953,5.8055,6.268571428571428,6.511363636363637,6.736818181818182,6.911999999999999,6.865454545454546,6.6354545454545475,6.831999999999999,6.533636363636364,6.203684210526316,6.302380952380952,6.579047619047619,6.419473684210526,6.6945,6.885454545454547,6.71095238095238,6.493809523809525,6.220454545454545,6.298571428571426,6.208571428571428,6.029545454545456,5.874999999999999,5.8086363636363645,5.544500000000001,5.574736842105264,5.647272727272727,5.637619047619048];
beakerx.spread = [0.3085714285714296,0.4710526315789494,0.4186363636363648,0.745000000000001,0.7513636363636351,0.49333333333333407,0.5966666666666658,1.0582608695652196,1.2952631578947367,1.3195454545454535,1.1014999999999997,1.1254999999999988,1.6814285714285733,1.7384210526315789,2.0165000000000015,2.213636363636362,2.4340909090909086,2.533000000000003,2.5218181818181797,2.4022727272727264,2.2765000000000004,2.3831818181818187,2.7278947368421056,2.904285714285715,3.1261904761904757,3.3878947368421053,3.4036363636363625,3.6414285714285715,3.673000000000001,3.51681818181818,3.5650000000000013,3.3866666666666676,3.446666666666669,3.6561904761904764,3.6673684210526316,3.4786363636363618,3.5289473684210524,3.266315789473685,2.9608695652173913,3.039047619047618,3.0105,2.818181818181818,2.6942857142857166,2.587272727272729,2.3514285714285723,2.2419999999999987,2.544500000000001,2.6463636363636356,2.7060000000000013,2.642631578947368,2.8917391304347846,3.191578947368419,2.9157142857142846,2.852272727272725,2.8415,2.6243478260869555,2.7057142857142837,2.6420000000000003,2.5060000000000002,2.0490476190476192,1.8779999999999992,1.5300000000000011,1.2943478260869554,1.2247368421052647,0.7849999999999975,0.5290909090909084,0.6850000000000014,0.9226086956521771,0.7634999999999996,0.6004761904761917,0.4123809523809516,0.41749999999999865,0.5019047619047621,0.8410000000000002,1.1709523809523805,1.4236363636363638,1.5831818181818162,1.6804999999999994,1.5672727272727283,1.446363636363638,1.5944999999999974,1.410454545454546,1.03421052631579,1.2619047619047628,1.4133333333333322,1.277368421052632,1.4100000000000001,1.580909090909091,1.5142857142857116,1.4228571428571444,1.0259090909090913,1.019047619047618,1.1238095238095234,0.9168181818181829,0.5938888888888876,0.5040909090909107,0.3655000000000008,0.3447368421052639,0.48545454545454714,0.5547619047619063];
In [5]:
%%javascript

var x = [1, 4, 6, 8, 10]
var y = [3, 6, 4, 5, 9]
var pp = new beakerx.Plot({title: 'Bars, Lines, Points and 2nd yAxis', 
                          xLabel: "xLabel", 
                          yLabel: "yLabel", 
                          legendLayout: beakerx.LegendLayout.HORIZONTAL,
                          legendPosition: beakerx.LegendPosition.RIGHT,
                          omitCheckboxes: true})
pp.add(new beakerx.YAxis({label: "Right yAxis"}))
pp.add(new beakerx.Bars({displayName: "Bar", 
                        x: [1,3,5,7,10], 
                        y: [100, 120,90,100,80], 
                        width: 1}))
pp.add(new beakerx.Line({displayName: "Line", 
                        x: x, 
                        y: y, 
                        width: 6, 
                        yAxis: "Right yAxis"}))
pp.add(new beakerx.Points({x: x, 
                          y: y, 
                          size: 10, 
                          shape: beakerx.ShapeType.DIAMOND,
                          yAxis: "Right yAxis"}))

pp.display(this);
In [6]:
%%javascript

var ch = new beakerx.Crosshair({color: beakerx.prefs.theme.plotColors[0], width: 2, style: beakerx.StrokeType.DOT})
var plot = new beakerx.Plot({crosshair: ch});
var y1 = [4, 8, 16, 20, 32]
var base = [2, 4, 8, 10, 16];
var cs = [beakerx.Color.black, beakerx.Color.orange, beakerx.Color.gray, beakerx.Color.yellow, beakerx.Color.pink]
var ss = [beakerx.StrokeType.SOLID, 
          beakerx.StrokeType.SOLID, 
          beakerx.StrokeType.DASH, 
          beakerx.StrokeType.DOT, 
          beakerx.StrokeType.DASHDOT, 
          beakerx.StrokeType.LONGDASH]
plot.add(new beakerx.Area({y: y1, base: base, color: new beakerx.Color(255, 0, 0, 50)}))
plot.add(new beakerx.Stems({y: y1, base: base, color: cs, style: ss, width: 5}))

plot.display(this);
In [8]:
%%javascript

var POSITIVE_INFINITY = 1.0 / 0.0;
var NEGATIVE_INFINITY = -1.0 / 0.0;
var p = new beakerx.Plot()
p.add(new beakerx.Line({y: [-3, 1, 3, 4, 5]}))
p.add(new beakerx.ConstantBand({x: [NEGATIVE_INFINITY, 0.5], color: new beakerx.Color(128, 128, 128, 50)}))
p.add(new beakerx.ConstantLine({x: 0.5, style: beakerx.StrokeType.DOT, color: beakerx.Color.blue}))
p.add(new beakerx.ConstantLine({y: -1, style: beakerx.StrokeType.DASHDOT, color: beakerx.Color.blue}))
p.add(new beakerx.ConstantLine({x: 3, y: 4, color: beakerx.Color.gray, width: 5, showLabel: true}))
p.add(new beakerx.ConstantBand({x: [1, 2], y: [1, 3]}))
p.add(new beakerx.ConstantBand({x: [4, POSITIVE_INFINITY], color: new beakerx.Color(128, 128, 128, 50)}))

p.display(this);
In [10]:
%%javascript

var POSITIVE_INFINITY = 1.0 / 0.0;
var NEGATIVE_INFINITY = -1.0 / 0.0;
var p = new beakerx.Plot() 
p.add(new beakerx.Line({x: [-3, 1, 2, 4, 5], y: [4, 2, 6, 1, 5]}))
p.add(new beakerx.ConstantBand({x: [NEGATIVE_INFINITY, 1], color: new beakerx.Color(128, 128, 128, 50)}))
p.add(new beakerx.ConstantBand({x: [1, 2]}))
p.add(new beakerx.ConstantBand({x: [4, POSITIVE_INFINITY]}))

p.display(this);
In [11]:
%%javascript

var today = new Date();
var millis = today.getTime();
var hour = 1000 * 60 * 60;
var xs = [];
var ys = [];
for(var i=0; i <= 10; i++){
  xs.push(millis + hour * i);
  ys.push(i);
}

var plot = new beakerx.TimePlot({timeZone: "America/New_York"});
//list of milliseconds
plot.add(new beakerx.Points({x: xs, y: ys, size: 10, displayName: "milliseconds"}));

plot.display(this);
In [12]:
%%javascript

var today  = new Date()
var millis = today.getTime()
var nanos  = millis * 1000 * 1000
var xs = [];
var ys = [];
for(var i=0; i <= 10; i++){
  xs.push(new Big(nanos).plus(7 * i).toString());
  ys.push(i);
}
var np = new beakerx.NanoPlot()
np.add(new beakerx.Points({x: xs, y: ys}))

np.display(this);
In [13]:
%%javascript

var y1 = [1,5,3,2,3]
var y2 = [7,2,4,1,3]
var p = new beakerx.Plot({title: 'Plot with XYStacker', initHeight: 200})
var a1 = new beakerx.Area({y: y1, displayName: 'y1'})
var a2 = new beakerx.Area({y: y2, displayName: 'y2'})
p.add(beakerx.XYStacker.stack([a1, a2]))

p.display(this);
In [15]:
%%javascript

var plot = new beakerx.SimpleTimePlot(beakerx.rates, ["y1", "y10"]);

plot.display(this);
In [16]:
%%javascript

var plot = new beakerx.SimpleTimePlot(beakerx.rates, ["y1", "y10"], // column names
                          {timeColumn : "time", // time is default value for a timeColumn
                           yLabel: "Price", 
                           displayNames: ["1 Year", "10 Year"],
                           colors : [[216, 154, 54], beakerx.Color.lightGray],
                           displayLines: false, // no lines (true by default)
                           displayPoints: true}) // show points (false by default))

plot.display(this);
In [17]:
%%javascript

var lehmanDate = Date.parse("2008 Sep 15")
var bubbleBottomDate = Date.parse("2002 Oct 09")
var inversion1 = [Date.parse("2000 Jul 22"), Date.parse("2001 Feb 16")]
var inversion2 = [Date.parse("2006 Aug 01"), Date.parse("2007 Jun 07")]
"ok"
// The CombinedPlot allows for stacked plots with linked X axis.
var c = new beakerx.CombinedPlot({title: "US Treasuries", initWidth: 1000})
var ch = new beakerx.Crosshair({color: beakerx.Color.gray, width: 2, style: beakerx.StrokeType.DOT})

// The top plot has 2 lines.
var p1 = new beakerx.TimePlot({yLabel: "Interest Rate", crosshair: ch})
p1.add(new beakerx.Line({x: beakerx.time, y: beakerx.m3, displayName: "3 month"}))
p1.add(new beakerx.Line({x: beakerx.time, y: beakerx.y10, displayName: "10 year"}))

// The bottom plot has an area filled in.
var p2 = new beakerx.TimePlot({yLabel: "Spread", crosshair: ch})
p2.add(new beakerx.Area({x: beakerx.time, y: beakerx.spread, color: new beakerx.Color(120, 60, 0)}))

// Highlight the inversion intervals
var b1 = new beakerx.ConstantBand({x: inversion1, color: new beakerx.Color(240, 100, 100, 55)})
var b2 = new beakerx.ConstantBand({x: inversion2, color: new beakerx.Color(240, 100, 100, 55)})

// Add notation and line for Lehman Bankruptcy.
p1.add(new beakerx.Text({x: lehmanDate, y: 7.5, text: "Lehman Brothers Bankruptcy"}))
var l1 = new beakerx.ConstantLine({x: lehmanDate, style: beakerx.StrokeType.DOT, color: beakerx.Color.gray})

// Add notation and line for Stocks Nadir.
p1.add(new beakerx.Text({x: bubbleBottomDate, y: 5.75, text: "Stocks Hit Bottom"}))
var l2 = new beakerx.ConstantLine({x: bubbleBottomDate, style: beakerx.StrokeType.DOT, color: beakerx.Color.gray})

// add the notations and highlight bands to both plots
p1.add(l1).add(l2).add(b1).add(b2)
p2.add(l1).add(l2).add(b1).add(b2)

// add both plots to the combined plot, and including their relative heights.
c.add(p1, 3)
c.add(p2, 1)

c.display(this);
In [ ]: