Dependency: Smaller panel, in center

Author: vbakke

src/app/component/dependency-graph/dependency-graph.component.html

@@ -1 +1 @@
-<svg width="1920" height="1280"></svg>
+<svg width="100%" height="100%" viewBox="-500 -150 1000 300"></svg>

src/app/component/dependency-graph/dependency-graph.component.ts

@@ -88,9 +88,7 @@ export class DependencyGraphComponent implements OnInit {
   }
 
   generateGraph(activityName: string): void {
-    let svg = d3.select('svg'),
-      width = +svg.attr('width'),
-      height = +svg.attr('height');
+    let svg = d3.select('svg');
 
     this.simulation = d3
       .forceSimulation()
@@ -101,7 +99,7 @@ export class DependencyGraphComponent implements OnInit {
         })
       )
       .force('charge', d3.forceManyBody().strength(-12000))
-      .force('center', d3.forceCenter(width / 2, height / 2));
+      .force('center', d3.forceCenter(0, 0));
 
     svg
       .append('defs')