diff --git a/pdb-js/src/app/app.component.html b/pdb-js/src/app/app.component.html index b5492ce..8ff9bb0 100644 --- a/pdb-js/src/app/app.component.html +++ b/pdb-js/src/app/app.component.html @@ -11,7 +11,7 @@
- +
diff --git a/pdb-js/src/app/main-page/main-page.component.html b/pdb-js/src/app/main-page/main-page.component.html index cb77356..90c0cb3 100644 --- a/pdb-js/src/app/main-page/main-page.component.html +++ b/pdb-js/src/app/main-page/main-page.component.html @@ -12,7 +12,7 @@
- +
diff --git a/pdb-js/src/app/plot.service.ts b/pdb-js/src/app/plot.service.ts index c2019f6..1bbd130 100644 --- a/pdb-js/src/app/plot.service.ts +++ b/pdb-js/src/app/plot.service.ts @@ -14,15 +14,18 @@ export class PlotService { constructor(private http: HttpClient) { this.plotTypes = new Array(); - this.plotTypes.push(new PlotType("Scatter", "scatter-chart")); - this.plotTypes.push(new PlotType("Heatmap", "heatmap")); - this.plotTypes.push(new PlotType("Cumulative Distribution", "cumulative-distribution-chart")); - this.plotTypes.push(new PlotType("Quantile-Quantile", "quantile-quantile")); - this.plotTypes.push(new PlotType("Parallel Requests", "parallel-requests-chart")); - this.plotTypes.push(new PlotType("Violin", "violin-chart")); - this.plotTypes.push(new PlotType("Strip", "strip-chart")); - this.plotTypes.push(new PlotType("Pie", "pie-chart")); - this.plotTypes.push(new PlotType("Bar", "bar-chart")); + this.plotTypes.push(new PlotType("Scatter", "scatter-chart2", true)); + this.plotTypes.push(new PlotType("Heatmap", "heatmap", false)); + this.plotTypes.push(new PlotType("Contour", "contour-chart", false)); + this.plotTypes.push(new PlotType("Cumulative Distribution", "cumulative-distribution-chart", true)); + this.plotTypes.push(new PlotType("Histogram", "histogram", false)); + this.plotTypes.push(new PlotType("Ridgelines", "ridgelines", false)); + this.plotTypes.push(new PlotType("Quantile-Quantile", "quantile-quantile", false)); + this.plotTypes.push(new PlotType("Parallel Requests", "parallel-requests-chart", true)); + this.plotTypes.push(new PlotType("Violin", "violin-chart", false)); + this.plotTypes.push(new PlotType("Strip", "strip-chart", false)); + this.plotTypes.push(new PlotType("Pie", "pie-chart", false)); + this.plotTypes.push(new PlotType("Bar", "bar-chart", false)); this.tagFields = new Array(); @@ -30,11 +33,10 @@ export class PlotService { ngOnInit() { - } getPlotTypes(): Array { - return this.plotTypes; + return this.plotTypes.filter(plotType => plotType.active); } getTagFields(): Array { @@ -54,10 +56,12 @@ export class PlotService { export class PlotType { name: string; icon: string + active: boolean; - constructor(name: string, icon: string) { + constructor(name: string, icon: string, active: boolean) { this.name = name; this.icon = icon; + this.active = active; } } diff --git a/pdb-js/src/assets/img/contour-chart.svg b/pdb-js/src/assets/img/contour-chart.svg new file mode 100644 index 0000000..845d007 --- /dev/null +++ b/pdb-js/src/assets/img/contour-chart.svg @@ -0,0 +1,355 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pdb-js/src/assets/img/histogram.svg b/pdb-js/src/assets/img/histogram.svg new file mode 100644 index 0000000..2d96543 --- /dev/null +++ b/pdb-js/src/assets/img/histogram.svg @@ -0,0 +1,491 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pdb-js/src/assets/img/quantile-quantile.svg b/pdb-js/src/assets/img/quantile-quantile.svg index 9d2aa30..694a810 100644 --- a/pdb-js/src/assets/img/quantile-quantile.svg +++ b/pdb-js/src/assets/img/quantile-quantile.svg @@ -27,7 +27,7 @@ image/svg+xml - + @@ -252,6 +252,106 @@ apply_no_weight="true" apply_with_weight="true" only_selected="false" /> + + + + + + + + + + + inkscape:path-effect="#path-effect5299-5" + inkscape:original-d="m 170,250 c 0.01,53.32333 0.01,106.65667 0,160" /> + inkscape:path-effect="#path-effect5303-4" + inkscape:original-d="m 95,330 c 50.01,-0.01 100.01,-0.01 150,0" /> + inkscape:path-effect="#path-effect5299-5-1" + inkscape:original-d="m 300,80 c 0.01,53.32333 0.01,106.65667 0,160" /> + inkscape:path-effect="#path-effect5303-4-0" + inkscape:original-d="m 225,160 c 50.01,-0.01 100.01,-0.01 150,0" /> + inkscape:path-effect="#path-effect5299-5-2" + inkscape:original-d="m 310,370 c 0.01,53.32333 0.01,106.65667 0,160" /> + inkscape:path-effect="#path-effect5303-4-06" + inkscape:original-d="m 235,450 c 50.01,-0.01 100.01,-0.01 150,0" /> + inkscape:path-effect="#path-effect5299-5-5" + inkscape:original-d="m 520,140 c 0.01,53.32333 0.01,106.65667 0,160" /> + inkscape:path-effect="#path-effect5303-4-4" + inkscape:original-d="m 445,220 c 50.01,-0.01 100.01,-0.01 150,0" /> + inkscape:path-effect="#path-effect5299-5-56" + inkscape:original-d="m 390,240 c 0.01,53.32333 0.01,106.65667 0,160" /> + inkscape:path-effect="#path-effect5303-4-9" + inkscape:original-d="m 315,320 c 50.01,-0.01 100.01,-0.01 150,0" /> diff --git a/pdb-js/src/assets/img/ridgelines.svg b/pdb-js/src/assets/img/ridgelines.svg new file mode 100644 index 0000000..a06ab1c --- /dev/null +++ b/pdb-js/src/assets/img/ridgelines.svg @@ -0,0 +1,461 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/pdb-js/src/assets/img/scatter-chart2.svg b/pdb-js/src/assets/img/scatter-chart2.svg new file mode 100644 index 0000000..bdfd2b4 --- /dev/null +++ b/pdb-js/src/assets/img/scatter-chart2.svg @@ -0,0 +1,516 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +