Method render

js/src/HeatMap.ts:22–46

()

export class HeatMap extends Mark {
  async render() {
    const baseRenderPromise = super.render();

    this.displayed.then(() => {
      this.parent.tooltip_div.node().appendChild(this.tooltip_div.node());
      this.create_tooltip();
    });

    this.image = d3
      .select(this.el)
      .append('image')
      .classed('heatmap', true)
      .attr('width', this.parent.width)
      .attr('height', this.parent.height);

    this.canvas = document.createElement('canvas');

    await baseRenderPromise;

    this.event_listeners = {};
    this.process_interactions();
    this.create_listeners();
    this.compute_view_padding();
    this.draw();
  }

  set_ranges() {
    if (this.scales.x) {