_handleZoomInClicked(event){
		let zoomAmount = this.state.zoom.currentZoom + ZOOM_FACTOR;
		let viewBoxPoints = box2points(
			this.state.graphLayoutViewbox.minX,
			this.state.graphLayoutViewbox.minY,
			this.state.graphLayoutViewbox.width,
			this.state.graphLayoutViewbox.height);
		let zoomPoint = diffPoints(viewBoxPoints.maxPoint, viewBoxPoints.minPoint);
		let graphLayoutViewbox = this._zoom(zoomAmount, zoomPoint);
		this._setState(graphLayoutViewbox);
	}
/*
	Purpose: Zoom in by a factor of 10%.

	Details:
	Zooming in reality is scaling the viewbox around the centroid of the viewbox.
	If the centroid is represented by sx, sy then the transformation matrix is:
                            | 1 0 dx |
	Transformation Matrix T = | 0 1 dy |
                            | 0 0 1  |

	Inverse of T is iT

	                   | sx 0 0 |
	Scaling Matrix S = | 0 sy 0 |
	                   | 0 0  1 |

  If the viewbox is V, then scaling around an arbtray point shall be V'.

	V' = T*S*iT*V'
	*/
Zoom in by a factor of 10%.
Details:
Zooming in reality is scaling the viewbox around the centroid of the viewbox.

Inverse of T is iT



If the viewbox is V, then scaling around an arbtray point shall be V'.


Zoom in by a factor of 10% . Details : Zooming in reality is scaling the viewbox around the centroid of the viewbox . Inverse of T is iT If the viewbox is V then scaling around an arbtray point shall be V ' .
_handleZoomInClicked(event){
		let zoomAmount = this.state.zoom.currentZoom + ZOOM_FACTOR;
		let viewBoxPoints = box2points(
			this.state.graphLayoutViewbox.minX,
			this.state.graphLayoutViewbox.minY,
			this.state.graphLayoutViewbox.width,
			this.state.graphLayoutViewbox.height);
		let zoomPoint = diffPoints(viewBoxPoints.maxPoint, viewBoxPoints.minPoint);
		let graphLayoutViewbox = this._zoom(zoomAmount, zoomPoint);
		this._setState(graphLayoutViewbox);
	}
_handleZoomInClicked ( event ) { let zoomAmount = this . state . zoom . currentZoom + ZOOM_FACTOR ; let viewBoxPoints = box2points ( this . state . graphLayoutViewbox . minX , this . state . graphLayoutViewbox . minY , this . state . graphLayoutViewbox . width , this . state . graphLayoutViewbox . height ) ; let zoomPoint = diffPoints ( viewBoxPoints . maxPoint , viewBoxPoints . minPoint ) ; let graphLayoutViewbox = this . _zoom ( zoomAmount , zoomPoint ) ; this . _setState ( graphLayoutViewbox ) ; }
Purpose: Zoom in by a factor of 10%.
Purpose : Zoom in by a factor of 10% .