cropping svg

public/css/app.css

@@ -2,7 +2,9 @@ svg {
 	margin:40px; /* give it some margin to show off the axes */
 	overflow:visible; /* axes will extend beyond the svg cropping area.  Show them anyway */
 }
-
+#container {
+	overflow: hidden;
+}
 svg circle {
 	r:5; /* circles will have a default radius of 5 px */
 	transition: r 0.5s ease-in-out, fill 0.5s linear; /* create transitions for radius and fill */

views/index.ejs

@@ -14,7 +14,9 @@
 		<% if(currentUser) { %>
 			<!-- show app if user is logged in -->
 			<svg>
-				<g id="points"></g>
+				<svg id="container">
+					<g id="points"></g>
+				</svg>
 			</svg>
 			<form action="/logins?_method=DELETE" method="POST">
 				<!-- log out button -->