Class AppComponent

interactive-visualizers/src/app/app.component.ts:186–1181

})

export class AppComponent implements OnInit {
  title = 'interactive-visualizers';

  // Model related variables.
  modelDisplayName: string = DEFAULT_MODEL_DISPLAY_NAME;
  modelFormat: string|null = null; // Either 'tflite' or 'tfjs'.
  tfWebApiName: string|null = null;
  tfWebApi: any|null = null;
  modelMetadataUrl: string|null = null;
  modelMetadata: any|null = null;
  model: tf.GraphModel|null = null;
  labelmap: string[]|null = null;
  defaultScoreThreshold = 0.0;
  publisherName: string|null = null;
  publisherThumbnailUrl: string|null = null;

  // Query related variables.
  queryImageHeight: number|null = null;
  queryImageWidth: number|null = null;

  // Test data related variables.
  testImagesIndexUrl: string|null = null;
  testImages: Array<{imageUrl: string, thumbnailUrl: string}> = [];
  uploadedImages: string[] = [];
  queryImageDataURL: string|null = null;
  imageSelectedIndex: number|null = null;
  isDraggedOver = false;

  // Results variables.
  resultsKeyName: string|null = null;
  resultsValueName: string|null = null;
  resultsLatency: number|null = null;
  // Classifier specific variables.
  classifierResults: Array<{displayName: string, score: number}>|null = null;
  // Detector specific variables.
  detectorResults: Array<{
    id: number,
    displayName: string,
    box: number[],
    score: number,
    label: number
  }>|null = null;
  detectionLabels: Array<{
    label: number,
    displayName: string,
    boxes: Array<{id: number, score: number}>,
    color: string
  }>|null = null;
  detectionScoreThreshold = DEFAULT_DETECTION_THRESHOLD;
  detectionLabelToIds = new Map();
  collapsedDetectionLabels = new Set();
  hoveredDetectionId: number|null = null;
  hoveredDetectionLabel: number|null = null;
  hoveredDetectionResultLabel: number|null = null;
  hoveredDetectionResultId: number|null = null;
  // Segmenter specific variables.
  segmenterPredictions: number[][]|null = null;
  segmenterLabelList: Array<{displayName: string, index: number,