text: var trace1 = {
                      x: [0.008853,0.013853,0.018853,0.023853,0.033853,0.038853,0.043853,0.048853],
                      y: [0.4887,0.3609,0.2566,0.191,0.1654,0.194,0.2212,0.246],
                      mode: 'markers',
                      name: 'Implied Volatility',
                      marker: {
                          color: 'rgb(219, 64, 82)',
                          size: 8,
                      }
                  };
  
              var trace2 = {
                  x: [0.005,0.006,0.007,0.008,0.009,0.01,0.011,0.012,0.013,0.014,0.015,0.016,0.017,0.018,0.019,0.02,0.021,0.022,0.023,0.024,0.025,0.026,0.027,0.028,0.029,0.03,0.031,0.032,0.033,0.034,0.035,0.036,0.037,0.038,0.039,0.04,0.041,0.042,0.043,0.044,0.045,0.046,0.047,0.048,0.049,0.05],
                  y: [0.64562,0.59608,0.55355,0.51622,0.48289,0.45274,0.42519,0.39979,0.37619,0.35415,0.33345,0.31393,0.29545,0.2779,0.26121,0.24533,0.23021,0.21586,0.20232,0.18968,0.17811,0.1679,0.15946,0.15329,0.1498,0.1491,0.15084,0.15442,0.1592,0.16471,0.17062,0.17671,0.18284,0.18894,0.19495,0.20084,0.2066,0.21222,0.21769,0.22301,0.22819,0.23322,0.23812,0.24289,0.24753,0.25204],
                  mode: 'lines',
                  name:'SABR Volatility',
                  line: {
                      color: 'rgb(55, 128, 191)',
                      width: 2
                  }
              };
  
              var trace3 = {
                  x: [0.0289],
                  y: [0.1522],
                  mode: 'markers',
                  name: 'ATM Implied Volatility',
                  marker: {
                      color: 'rgb(0, 128, 0)',
                      size: 12
                  },
              };
  
              var data = [trace2, trace1, trace3];
  
              var layout = {
                  title: '6M1Y Swaption',
                  xaxis:{title: 'Strike Rate (%)'},
                  yaxis:{title: 'Volatility'}
              };
  
              Plotly.newPlot('myDiv1', data, layout);
  