Горизонтально прокручиваемый элемент SVG?

Question

Я хотел бы разместить изображение SVG в середине моей веб-страницы:

Изображение должно отображаться частично горизонтально - например, 1/3 изображения должно отображаться изначально, пользователь должен иметь возможность прокручивать его горизонтально (чтобы увидеть оставшуюся часть 2/3). Как мне этого добиться? (это должно работать и в мобильных браузерах).

На всякий случай это важно - я использую Material Design Lite в качестве основы.

Upd. Должна быть возможность прокручивать его мышью / тапом, а полоса прокрутки должна быть скрыта. Смотрите демо на jsfiddle.net/and7ey/pLf5namm/embedded/result/.

Answer 1

Использование overflow-x,

svg {
   overflow-x: scroll;
}