parseTpuData()

in frontend/app/components/overview/performance_summary/performance_summary.ts [175:220]
40 lines of code
13 McCabe index (conditional complexity)

  parseTpuData() {
    const generalProps = (this.generalAnalysis || {}).p || {};
    const inputPipelineProps = (this.inputPipelineAnalysis || {}).p || {};

    this.mxuUtilizationPercent = generalProps.mxu_utilization_percent || '';
    this.flopRateUtilizationRelativeToRoofline =
        generalProps.flop_rate_utilization_relative_to_roofline || '';
    this.remarkText = generalProps.remark_text || '';
    this.remarkColor = generalProps.remark_color || '';

    this.initializeSummary(inputPipelineProps);

    this.summaryInfoBefore.push({
      title: 'TPU Duty Cycle',
      tooltip: this.deviceDutyCycleTooltipMessage,
      descriptions: ['higher is better'],
      value: generalProps.device_duty_cycle_percent,
    });

    this.summaryInfoAfter.push({
      title: 'Memory Bandwidth Utilization',
      tooltip: this.memoryBandwidthTooltipMessage,
      descriptions: ['higher is better'],
      value: generalProps.memory_bw_utilization_relative_to_hw_limit,
    });

    this.summaryInfoAfter.push({
      title: 'TF Op Placement',
      descriptions: ['generally desired to have more ops on device'],
      tooltip: this.tfOpPlacementTooltipMessage,
      propertyValues: [
        `Host: ${generalProps.host_tf_op_percent || ''}`,
        `Device: ${generalProps.device_tf_op_percent || ''}`,
      ],
    });

    this.summaryInfoAfter.push({
      title: 'Op Time Spent on Eager Execution',
      descriptions: ['lower is better'],
      tooltip: this.opTimeInEagerModeTooltipMessage,
      propertyValues: [
        `Host: ${generalProps.host_op_time_eager_percent || ''}`,
        `Device: ${generalProps.device_op_time_eager_percent || ''}`,
      ],
    });
  }