Как реализовать панорамирование, как Google Maps в SVG

Я сделал масштабирование в диаграмме SVG. См. Снимок экрана.Как реализовать панорамирование, как Google Maps в SVG

enter image description here

выше серии скриншота масштабируются state.i используется отсечение концепции, чтобы скрыть внешние линии от области диаграммы после масштабирования.

Мне нужно сделать панорамирование здесь? как я могу реализовать, как карты Google. когда я запускаю панорамирование, чтобы переместить серию и увидеть увеличенную диаграмму другой области. Как я могу выполнить операцию «перевести» для элемента пути в SVG. элемент на скриншоте называется серией (то есть точками данных/линией).

Мне нужно перемещать элемент увеличенной области на основе мыши movec (например, прокрутка скрытого содержимого).

Атрибут "translate" используется для просмотра другой увеличенной области? как я могу выполнить «переводить» в элементе пути, который сделает панорамирование.

Нормальный снимок экрана.

enter image description here