Wiki Snippets

SVG image manipulation similar to looking through a hole (window, viewport) to some part of area on some distance. For example: looking to a part of map through magnifying glass, moving magnifying glass around left, right and zooming in and out.

SVG width, height – is a viewport, a window to look through to something, some image, for example: looking to a part of map

SVG viewbox 1st, 2nd parameters – x,y positioning, for example: like moving magnifying glass around the map

SVG viewbox 3rd, 4rd parameters – zooming, for example: like looking through magnifying glass

Source: https://webdesign.tutsplus.com/tutorials/svg-viewport-and-viewbox-for-beginners–cms-30844