clip circles within axes

9 years ago · d1bc995d6e
parent 7ec3ef339d
commit d1bc995d6e
2 changed files with 6 additions and 1 deletions
--- a/public/css/app.css
+++ b/public/css/app.css
@ -4,6 +4,9 @@ body {
 svg {
 	overflow: visible;
 }
+#container {
+	overflow: hidden;
+}
 circle {
 	r: 5;
 	fill:black;
--- a/views/index.ejs
+++ b/views/index.ejs
@ -6,7 +6,9 @@
 	<body>
 		<h1>Welcome to Run App</h1>
 		<svg>
-			<g id="points"></g>
+			<svg id="container">
+				<g id="points"></g>
+			</svg>
 		</svg>
 		<script src="https://d3js.org/d3.v4.min.js"></script>
 		<script src="/js/app.js"></script>