removed width and height params and added instead manually margins for graph

src/app/app.component.html

@@ -20,18 +20,6 @@
             <input type="number" class="form-control" formControlName="y">
           </div>
         </ng-container>
-        <div class="form-group">
-          <label class="form-control-label">
-            Breite
-          </label>
-          <input type="number" class="form-control" formControlName="width">
-        </div>
-        <div class="form-group">
-          <label class="form-control-label">
-            Höhe
-          </label>
-          <input type="number" class="form-control" formControlName="height">
-        </div>
         <div class="form-group">
           <label class="form-control-label">
             Skalierung

src/app/forms/config.form.ts

@@ -23,8 +23,6 @@ export let ConfigForm: FormGroup = fb.group({
     x: fb.control('', Validators.min(0)),
     y: fb.control('', Validators.min(0))
   }),
-  width: fb.control('', Validators.required),
-  height: fb.control('', Validators.required),
   vectors: fb.group({
     start: fb.control('', Validators.compose([
       Validators.min(0),

src/environments/environment.ts

@@ -23,28 +23,25 @@ export const environment = {
     colors: {
       primary: '#129490',
       secondary: '#CE1483'
-    },
-    autoHeight: true
+    }
   },
   formDefaults: {
     margin: {
       x: 0,
       y: 0
     },
-    width: 1e-10,
-    height: 1,
     scale: 0.4,
-    overlap: 0.3,
+    overlap: 0.5,
     vectors: {
-      start: 1,
+      start: 0.5,
       end: 0,
-      range: 0.6,
+      range: 0.2,
       spacing: 7
     },
-    nodes: 3,
+    nodes: 4,
     stroke: 0.7,
     spread: {
-      amount: 30,
+      amount: 60,
       spacing: 20
     },
     interval: 30