d3-canvas-brush-zoom-09

d3-canvas-brush-zoom-09.js

const selection = svgChart.select(".selection");

const posValue = Math.abs(distance);
selection.attr('width', posValue * scale).attr('height', posValue);

if (xPosition < brushStartPoint.x) {
   selection.attr('x', xPosition);
}
if (yPosition < brushStartPoint.y) {
   selection.attr('y', yPosition);
}

const minX = Math.min(brushStartPoint.x, xPosition);
const maxX = Math.max(brushStartPoint.x, xPosition);
const minY = Math.min(brushStartPoint.y, yPosition);
const maxY = Math.max(brushStartPoint.y, yPosition);

lastSelection = { x1: minX, x2: maxX, y1: minY, y2: maxY };