Method draw

js/src/Image.ts:155–184

(animate?)

  }

  draw(animate?) {
    this.set_ranges();

    const x_scale = this.scales.x ? this.scales.x : this.parent.scale_x;
    const y_scale = this.scales.y ? this.scales.y : this.parent.scale_y;

    const animation_duration = animate
      ? this.parent.model.get('animation_duration')
      : 0;
    const el = (this.d3el || this.el) as d3.Selection<any, any, any, any>;
    const x_scaled = this.model.mark_data['x'].map(x_scale.scale),
      y_scaled = this.model.mark_data['y'].map(y_scale.scale);

    el.selectAll('image')
      .transition()
      .duration(animation_duration)
      .attr('transform', (d) => {
        const tx = x_scaled[0] + x_scale.offset;
        const ty = y_scaled[1] + y_scale.offset;
        const sx = x_scaled[1] - x_scaled[0];
        const sy = y_scaled[0] - y_scaled[1];
        return 'translate(' + tx + ',' + ty + ') scale(' + sx + ', ' + sy + ')';
      });
    el.on(
      'click',
      _.bind(function (d, i) {
        this.img_send_message('element_clicked', { data: d3.event, index: i });
      }, this)
    );
  }

  clear_style(style_dict, indices?, elements?) {}