SVG cropped on Chrome

HTML

<script src="https://cdn.jsdelivr.net/snap.svg/0.1.0/snap.svg-min.js"></script>
<body>
  <svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 550 300"></svg>
</body>

CSS

#svg {
  width: 100%;
}

JavaScript

var s = Snap("#svg");

var circle = s.circle(90, 120, 80);
var square = s.rect(210, 40, 160, 160);
var ellipse = s.ellipse(460, 120, 50, 80);