Function scatterplot

tfjs-vis/src/render/scatterplot.ts:46–156

(
    container: Drawable, data: XYPlotData,
    opts: XYPlotOptions = {})

 * @doc {heading: 'Charts', namespace: 'render'}
 */
export async function scatterplot(
    container: Drawable, data: XYPlotData,
    opts: XYPlotOptions = {}): Promise<void> {
  let _values = data.values;
  const _series = data.series == null ? [] : data.series;

  // Nest data if necessary before further processing
  _values = Array.isArray(_values[0]) ? _values as Point2D[][] :
                                        [_values] as Point2D[][];

  const values: Point2D[] = [];
  _values.forEach((seriesData, i) => {
    const seriesName: string =
        _series[i] != null ? _series[i] : `Series ${i + 1}`;
    const seriesVals =
        seriesData.map(v => Object.assign({}, v, {series: seriesName}));
    values.push(...seriesVals);
  });

  if (opts.seriesColors != null) {
    assert(
        opts.seriesColors.length === _values.length,
        'Must have an equal number of series colors as there are data series');
  }

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

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

  const xDomain = (): {}|undefined => {
    if (options.zoomToFit) {
      return {'zero': false};
    } else if (options.xAxisDomain != null) {
      return {'domain': options.xAxisDomain};
    }
    return undefined;
  };

  const yDomain = (): {}|undefined => {
    if (options.zoomToFit) {
      return {'zero': false};
    } else if (options.yAxisDomain != null) {
      return {'domain': options.yAxisDomain};
    }
    return undefined;
  };

  const spec: VisualizationSpec = {
    'width': options.width || getDefaultWidth(drawArea),
    'height': options.height || getDefaultHeight(drawArea),
    'padding': 0,
    'autosize': {
      'type': 'fit',