Function histogram

tfjs-vis/src/render/histogram.ts:50–136

(
    container: Drawable, data: Array<{value: number}>|number[]|TypedArray,
    opts: HistogramOpts = {})

 * @doc {heading: 'Charts', namespace: 'render'}
 */
export async function histogram(
    container: Drawable, data: Array<{value: number}>|number[]|TypedArray,
    opts: HistogramOpts = {}) {
  const values = prepareData(data);

  const options = Object.assign({}, defaultOpts, opts);

  const embedOpts = {
    actions: false,
    mode: 'vega-lite' as Mode,
    defaultStyle: false,
  };

  const histogramContainer = subSurface(container, 'histogram');
  if (opts.stats !== false) {
    const statsContainer = subSurface(container, 'stats', {
      prepend: true,
    });
    let stats: HistogramStats;

    if (opts.stats) {
      stats = opts.stats;
    } else {
      stats = arrayStats(values.map(x => x.value));
    }
    renderStats(stats, statsContainer, {fontSize: options.fontSize});
  }

  // If there are no data values return early
  if (values.length === 0) {
    return undefined;
  }

  // Now that we have rendered stats we need to remove any NaNs and Infinities
  // before rendering the histogram
  const filtered = [];
  for (let i = 0; i < values.length; i++) {
    const val = values[i].value;
    if (val != null && isFinite(val)) {
      filtered.push(values[i]);
    }
  }

  const histogramSpec: VisualizationSpec = {

    'width': options.width || getDefaultWidth(histogramContainer),
    'height': options.height || getDefaultHeight(histogramContainer),
    'padding': 0,
    'autosize': {
      'type': 'fit',
      'contains': 'padding',
      'resize': true,
    },
    'data': {'values': filtered},
    'mark': {
      'type': 'bar',
      'tooltip': true,
    },