adding a few filters (no doing anything yet)

pdb-js/src/app/visualization-page/visualization-page.component.html

@@ -4,7 +4,47 @@
 
 <div id="visualization">
   <div id="filters">
-    filters
+  
+  <mat-form-field>
+    <mat-label>Type:</mat-label>
+    <mat-select [(value)]="selectedPlotType">
+      <mat-option *ngFor="let plotType of plotTypes" [value]="plotType.name">
+        {{plotType.name}}
+      </mat-option>
+    </mat-select>
+  </mat-form-field>
+
+  <mat-form-field>
+    <mat-label>Combine with:</mat-label>
+    <mat-select [(value)]="selectedCombinePlotType">
+      <mat-option>-</mat-option>
+      <mat-option *ngFor="let plotType of combinePlotTypes" [value]="plotType.name">
+        {{plotType.name}}
+      </mat-option>
+    </mat-select>
+  </mat-form-field>
+  
+  <mat-form-field>
+    <textarea matInput placeholder="Query"></textarea>
+  </mat-form-field>
+  
+  <mat-form-field>
+    <mat-label>Group By:</mat-label>
+    <mat-select  multiple>
+      <mat-option *ngFor="let tagField of tagFields" [value]="tagField">{{tagField.name}}</mat-option>
+    </mat-select>
+  </mat-form-field>
+  
+  <mat-form-field>
+    <mat-label>Split By:</mat-label>
+    <mat-select>
+      <mat-option *ngFor="let tagField of tagFields" [value]="tagField">{{tagField.name}}</mat-option>
+    </mat-select>
+  </mat-form-field>
+  
+  
+
+  
   </div>
   <div id="results"></div>
 </div>