Method draw

js/src/GridHeatMap.ts:461–589

()

  }

  draw() {
    this.set_ranges();

    const rowScale = this.scales.row;
    const columnScale = this.scales.column;

    const rowStartAligned = this.model.get('row_align') === 'start';
    const colStartAligned = this.model.get('column_align') === 'start';
    let new_domain;

    if (
      this.model.modes.row !== AxisMode.Middle &&
      this.model.modes.row !== AxisMode.Boundaries
    ) {
      new_domain = this.expandScaleDomain(
        rowScale,
        this.model.rows,
        this.model.modes.row,
        rowStartAligned
      );
      if (
        d3.min(new_domain) < d3.min(rowScale.model.domain) ||
        d3.max(new_domain) > d3.max(rowScale.model.domain)
      ) {
        // Update domain if domain has changed
        rowScale.model.computeAndSetDomain(new_domain, rowScale.model.model_id);
      }
    }

    if (
      this.model.modes.column !== AxisMode.Middle &&
      this.model.modes.column !== AxisMode.Boundaries
    ) {
      new_domain = this.expandScaleDomain(
        columnScale,
        this.model.columns,
        this.model.modes.column,
        colStartAligned
      );
      if (
        d3.min(new_domain) < d3.min(columnScale.model.domain) ||
        d3.max(new_domain) > d3.max(columnScale.model.domain)
      ) {
        // Update domain if domain has changed
        columnScale.model.computeAndSetDomain(
          new_domain,
          columnScale.model.model_id
        );
      }
    }

    const rowPlotData = this.getTilePlottingData(
      rowScale,
      this.model.rows,
      this.model.modes.row,
      rowStartAligned
    );
    const columnPlotData = this.getTilePlottingData(