1 files changed, 47 insertions, 0 deletions
diff --git a/frontend/src/app/_elements/annvisual/annvisual.component.ts b/frontend/src/app/_elements/annvisual/annvisual.component.ts
new file mode 100644
index 00000000..ff5b45d6
--- /dev/null
+++ b/frontend/src/app/_elements/annvisual/annvisual.component.ts
@@ -0,0 +1,47 @@
+import { Component, OnInit,Input } from '@angular/core';
+import Model from 'src/app/_data/Model';
+import { graphviz }  from 'd3-graphviz';
+
+@Component({
+  selector: 'app-annvisual',
+  templateUrl: './annvisual.component.html',
+  styleUrls: ['./annvisual.component.css']
+})
+export class AnnvisualComponent implements OnInit {
+  ngOnInit(): void {
+    throw new Error('Method not implemented.');
+  }
+
+  @Input() model: Model = new Model();
+
+  d3(){
+    let inputlayerstring:string='';
+    let hiddenlayerstring:string='';
+    let digraphstring:string='digraph {';
+
+    for(let i=0;i<this.model.inputNeurons;i++)
+    {
+      inputlayerstring=inputlayerstring+'i'+i+',';
+    }
+    inputlayerstring=inputlayerstring.slice(0,-1);
+
+    digraphstring=digraphstring+'->';
+
+    for(let j=0;j<this.model.hiddenLayers;j++)
+    {
+      for(let i=0;i<this.model.hiddenLayerNeurons;i++)
+      {
+        hiddenlayerstring=hiddenlayerstring+'h'+j+'_'+i+',';
+      }
+      hiddenlayerstring=hiddenlayerstring.slice(0,1);
+      digraphstring=digraphstring+hiddenlayerstring+'->';
+      hiddenlayerstring='';
+    }
+    digraphstring=digraphstring+'o}';
+    alert(digraphstring);
+    
+    graphviz('#graph').renderDot(digraphstring);
+    }
+
+
+}