 for(let j = 0; j<summarySleepEff.length; j++){
            let sleepEff = 0 
            if(summarySleepEff[i]['0'] == currAge){
              console.log(currAge)
              sleepEff += summarySleepEff[i]['1']
            }
        }
  
 function GetYAxisLabel(value) {
    switch (value) {
      case 'SleepAvg':
        return 'Average Sleep Efficiency';
    }
    switch (value) {
      case 'SleepEff':
        return 'Average Sleep Duration (hrs)';
    }
  }

  function selectData(data, value) {
    if (value == 'SleepAvg') {
      let newData = [];
      let summaryAge = flatRollup(
        data,
        (v) => v.length,
        (d) => d.Age
      );
      let summarySleepEff = flatRollup(
        data,
        (v) => v.length,
        (d) => d.Age,
        (d) => d['Sleep efficiency'],
        (d) => d['Sleep duration']
      );

      for (let i = 0; i < summaryAge.length;i++) {
        let currAge = summaryAge[i]['0'];
        let sleepEff = 0;
        let sleepDur = 0;
        for (
          let j = 0;
          j < summarySleepEff.length;
          j++
        ) {
          if (
            summarySleepEff[j]['0'] == currAge
          ) {
            sleepEff += Number(
              summarySleepEff[j]['1']
            );
            sleepDur += Number(
              summarySleepEff[j]['2']
            );
          }
        }

        newData.push({
          age: currAge,
          yaxis: sleepEff / summaryAge[i]['1'],
        });
      }

      return newData;
    } else if (value == 'SleepEff') {
      let newData = [];
      let summaryAge = flatRollup(
        data,
        (v) => v.length,
        (d) => d.Age
      );
      let summarySleepEff = flatRollup(
        data,
        (v) => v.length,
        (d) => d.Age,
        (d) => d['Sleep efficiency'],
        (d) => d['Sleep duration']
      );

      for (let i = 0;i < summaryAge.length; i++) {
        let currAge = summaryAge[i]['0'];
        let sleepEff = 0;
        let sleepDur = 0;
        for (
          let j = 0;
          j < summarySleepEff.length;
          j++
        ) {
          if (
            summarySleepEff[j]['0'] == currAge
          ) {
            sleepEff += Number(
              summarySleepEff[j]['1']
            );
            sleepDur += Number(
              summarySleepEff[j]['2']
            );
          }
        }

        newData.push({
          age: currAge,
          yaxis: sleepDur / summaryAge[i]['1'],
        });
      }
      console.log(newData)
      return newData;
    }
  }
  if (!state.value) {
    setState((state) => ({
      ...state,
      value: 'SleepAvg',
    }));
    return;
  }
  
  if (state.value == 'SleepAvg') {
      let newData = selectData(data, state.value)
      svg.call(scatterPlot, {
        data: newData,
        width,
        height,
        xValue: (d) => d.age,
        yValue: (d) => d.yaxis,
        colorValue: (d) => d.gender,
        xAxisLabel: 'Age',
        yAxisLabel: GetYAxisLabel(state.value),
        margin: {
          top: 10,
          right: 10,
          bottom: 100,
          left: 150,
        },
        colorLegendX: 850,
        colorLegendY: 0,
      });
    } else if (state.value == 'SleepEff') {
      let newData = selectData(data, state.value)
      svg.call(scatterPlot, {
        data: newData,
        width,
        height,
        xValue: (d) => d.age,
        yValue: (d) => d.yaxis,
        colorValue: (d) => d.gender,
        xAxisLabel: 'Age',
        yAxisLabel: GetYAxisLabel(state.value),
        margin: {
          top: 10,
          right: 10,
          bottom: 100,
          left: 150,
        },
        colorLegendX: 850,
        colorLegendY: 0,
      });
    }
    
      const optionsData = [
    {
      value: 'SleepAvg',
      label: 'Average Sleep Efficiency',
    },
    {
      value: 'SleepEff',
      label: 'Average Sleep Duration',
    },
    {
      value: 'deepSleep',
      label: 'Average Deep Sleep Duration',
    },
    {
      value: 'lightSleep',
      label: 'Average Light Sleep Duration',
    },
     {
      value: 'remSleep',
      label: 'Average REM Sleep Percentage',
    }
  ];
  