function drawCharts(data) {
    x = data.Gens
    y = data.minFit

    var trace = {
      x: x,
      y: y,
    };
    var Data = [trace];
    var layout = {
      title: 'Fitness',
      modebardisplay: false,
      xaxis: {
        title: {
          text: 'Generation',
        },
      },
      yaxis: {
        type: 'log',
        title: {
          text: 'Minimum Fitness',
        },
      },
      legend: {x: 1.05, y: 1.4},
    }
    var config = {
      responsive: true,
      displayModeBar: false
    }

    Plotly.newPlot('FitPlot', Data, layout, config);

    x = data.Freq
    // y = data.Imp
    y = data.ImpOS


    var trace = {
      x: x,
      y: y,
      // name: 'w Load',
    };


    // var trace2 = {
    //   x: x,
    //   y: y,
    //   name: 'Output Shorted',
    // };

    var Data = [trace];
    var layout = {
      title: 'Input Impedance',
      modebardisplay: false,
      xaxis: {
        title: {
          text: 'Frequency',
        },
      },
      yaxis: {
        type: 'log',
        title: {
          text: 'Imp (Ω)',
        },
      },
      scaleanchor: 'x'
    }
    var config = {
      responsive: true,
      displayModeBar: false
    }

    Plotly.newPlot('Imp_plot', Data, layout, config);


  }

  function drawBestChart(data) {
    // x = data.time.slice(0, Math.floor(data.time.length/3))
    // y = data.Vcin.slice(0, Math.floor(data.time.length/3))
    x = data.time
    y = data.Vcin

    var trace1 = {
      x: x,
      y: y,
      name: 'VCin'
    };

    x = data.time1.slice(0, Math.floor(data.time.length/3))
    y = data.iL1.slice(0, Math.floor(data.time.length/3))

    var trace2 = {
      x: x, 
      y: y,
      name: 'iL1',
      yaxis: 'y2',
    }
    var Data = [trace1, trace2];

    var layout = {
      title: 'Voltage across Cin',
      modebardisplay: false,
      xaxis: {
        title: {
          text: 'Theta (rads)',
        },
      },
      yaxis: {
        title: {
          text: 'VCin (V)',
        },
      },
      yaxis2: {
        title: 'iL1 (A)',
        overlaying: 'y',
        side: 'right'
      },
      legend: {x: 1.05, y: 1.2},
    }
    var config = {
      responsive: true,
      displayModeBar: false
    }

    Plotly.newPlot('Vcin_plot', Data, layout, config);

    // x = data.time.slice(0, Math.floor(data.time.length/3))
    // y = data.Vout.slice(0, Math.floor(data.time.length/3))
    x = data.time1
    y = data.Vout

    var trace = {
      x: x,
      y: y,
      name: 'Vout',
    };

    x = data.time1
    y = data.VoutRMS

    var trace2 = {
      x: [x[0], x[x.length - 1] ], 
      y: [y, y],
      name: 'VoutRMS',

    }
    var Data = [trace, trace2];
    var layout = {
      title: 'Output Voltage',
      modebardisplay: false,
      xaxis: {
        title: {
          text: 'Theta (rads)',
        },
      },
      yaxis: {
        title: {
          text: 'Vout (V)',
        },
      },
      legend: {x: 1.05, y: 1.2},
    }
    var config = {
      responsive: true,
      displayModeBar: false
    }

    Plotly.newPlot('Vout_plot', Data, layout, config);


  }