diff options
Diffstat (limited to 'frontend/src/app/_elements/annvisual/annvisual.component.ts')
-rw-r--r-- | frontend/src/app/_elements/annvisual/annvisual.component.ts | 46 |
1 files changed, 21 insertions, 25 deletions
diff --git a/frontend/src/app/_elements/annvisual/annvisual.component.ts b/frontend/src/app/_elements/annvisual/annvisual.component.ts index 8588537e..53e4e2ca 100644 --- a/frontend/src/app/_elements/annvisual/annvisual.component.ts +++ b/frontend/src/app/_elements/annvisual/annvisual.component.ts @@ -1,6 +1,6 @@ -import { Component, OnInit,Input } from '@angular/core'; +import { Component, OnInit, Input } from '@angular/core'; import Model from 'src/app/_data/Model'; -import { graphviz } from 'd3-graphviz'; +import { graphviz } from 'd3-graphviz'; @Component({ selector: 'app-annvisual', @@ -9,41 +9,37 @@ import { graphviz } from 'd3-graphviz'; }) 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 {'; + d3() { + let inputlayerstring: string = ''; + let hiddenlayerstring: string = ''; + let digraphstring: string = 'digraph {'; - for(let i=0;i<this.model.inputColumns.length;i++) - { - inputlayerstring=inputlayerstring+'i'+i+','; + for (let i = 0; i < this.model.inputColumns.length; i++) { + inputlayerstring = inputlayerstring + 'i' + i + ','; } - inputlayerstring=inputlayerstring.slice(0,-1); + inputlayerstring = inputlayerstring.slice(0, -1); - digraphstring=digraphstring+inputlayerstring+'->'; + digraphstring = digraphstring + inputlayerstring + '->'; - for(let j=0;j<this.model.hiddenLayers;j++) - { - for(let i=0;i<this.model.hiddenLayerNeurons;i++) - { - hiddenlayerstring=hiddenlayerstring+'h'+j+'_'+i+','; + 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=''; + hiddenlayerstring = hiddenlayerstring.slice(0, -1); + digraphstring = digraphstring + hiddenlayerstring + '->'; + hiddenlayerstring = ''; } - digraphstring=digraphstring+'o}'; - - + digraphstring = digraphstring + 'o}'; + + graphviz('#graph').renderDot(digraphstring); - } + } - //'digraph {i0,i1,i2->h1,h2,h3->h21,h22,h23->o}' + //'digraph {i0,i1,i2->h1,h2,h3->h21,h22,h23->o}' } |