text: var trace1 = {
                      x: [0.009578,0.014578,0.019578,0.024578,0.034578,0.039578,0.044578,0.049578],
  
                      y:[0.4594,0.37,0.3137,0.283,0.2431,0.2351,0.2318,0.2294],
  
                      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.57907,0.54427,0.51471,0.48903,0.46635,0.44606,0.42772,0.41102,0.3957,0.38159,0.36854,0.35642,0.34515,0.33464,0.32483,0.31568,0.30714,0.29917,0.29176,0.28487,0.27849,0.27259,0.26718,0.26222,0.25771,0.25363,0.24997,0.24671,0.24384,0.24133,0.23917,0.23733,0.23579,0.23452,0.23351,0.23273,0.23216,0.23178,0.23156,0.2315,0.23157,0.23175,0.23204,0.23242,0.23288,0.23341],
                  mode: 'lines',
                  name:'SABR Volatility',
                  line: {
                      color: 'rgb(55, 128, 191)',
                      width: 2
                  }
              };
  
              var trace3 = {
                  x: [0.0296],
                  y: [0.2557],
                  mode: 'markers',
                  name: 'ATM Implied Volatility',
                  marker: {
                      color: 'rgb(0, 128, 0)',
                      size: 12
                  },
              };
  
              var data = [trace2, trace1, trace3];
  
              var layout = {
                  title: '15Y2Y Swaption',
                  xaxis:{title: 'Strike Rate (%)'},
                  yaxis:{title: 'Volatility'}
              };
  
              Plotly.newPlot('myDiv8', data, layout);
  