andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

create icons for plot types

Browse Source
This commit is contained in:
Andreas Huber
2019-10-10 12:00:41 +02:00
parent 69968b7682
commit 7ca7b80255
16 changed files with 1713 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pdb-js/package-lock.json generated
View File

@@ -9535,6 +9535,11 @@
"tslib": "^1.9.0"
}
},
"rxjs-compat": {
"version": "6.5.3",
"resolved": "https://registry.npmjs.org/rxjs-compat/-/rxjs-compat-6.5.3.tgz",
"integrity": "sha512-BIJX2yovz3TBpjJoAZyls2QYuU6ZiCaZ+U96SmxQpuSP/qDUfiXPKOVLbThBB2WZijNHkdTTJXKRwvv5Y48H7g=="
},
"safe-buffer": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",

2
pdb-js/package.json
View File

@@ -5,6 +5,7 @@
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"releasebuild": "ng build --prod",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
@@ -22,6 +23,7 @@
"@angular/platform-browser-dynamic": "~8.2.9",
"@angular/router": "~8.2.9",
"rxjs": "~6.4.0",
"rxjs-compat": "^6.5.3",
"tslib": "^1.10.0",
"zone.js": "~0.9.1"
},

2
pdb-js/src/app/app.component.html
View File

@@ -11,7 +11,7 @@
<div id="main-toolbar">
<a href="/" title="open main page"><img src="assets/img/home.svg" class="icon-small" aria-hidden="false" aria-label="go to main page" /></a>
<a href="/vis" title="open visualization page"><img src="assets/img/area-chart.svg" class="icon-small" aria-hidden="false" aria-label="go to visualization page" /></a>
<a href="/vis" title="open visualization page"><img src="assets/img/scatter-chart.svg" class="icon-small" aria-hidden="false" aria-label="go to visualization page" /></a>
<a href="/upload" title="upload data"><img src="assets/img/upload.svg" class="icon-small" aria-hidden="false" aria-label="upload data" /></a>
<a href="/help" title="open help page" class="right"><img src="assets/img/question-mark-round.svg" class="icon-small" aria-hidden="false" aria-label="help" /></a>
</div>

4
pdb-js/src/app/app.module.ts
View File

@@ -1,6 +1,6 @@
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { NgModule, enableProdMode } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
@@ -32,3 +32,5 @@ import {MatFormFieldModule, MatInputModule} from '@angular/material';
bootstrap: [AppComponent]
})
export class AppModule { }
enableProdMode()

2
pdb-js/src/app/main-page/main-page.component.html
View File

@@ -12,7 +12,7 @@
</style>
<div id="main-page-links">
<a href="/vis" class="button-large" title="open visualization page"><img src="assets/img/area-chart.svg" class="icon-large" aria-hidden="false" aria-label="go to visualization page" /></a>
<a href="/vis" class="button-large" title="open visualization page"><img src="assets/img/scatter-chart.svg" class="icon-large" aria-hidden="false" aria-label="go to visualization page" /></a>
<a href="/upload" class="button-large" title="upload data"><img src="assets/img/upload.svg" class="icon-large" aria-hidden="false" aria-label="upload data" /></a>
</div>

31
pdb-js/src/app/plot.service.ts
View File

@@ -10,14 +10,19 @@ export class PlotService {
plotTypes: Array<PlotType>;
tagFields: Observable<TagField>;
tagFields: Array<TagField>;
constructor(private http: HttpClient) {
this.plotTypes = new Array<PlotType>();
this.plotTypes.push(new PlotType("Scatter"));
this.plotTypes.push(new PlotType("Cumulative Distribution"));
this.plotTypes.push(new PlotType("Parallel Requests"));
this.plotTypes.push(new PlotType("Parallel Requests"));
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.tagFields = new Array<TagField>();
@@ -32,12 +37,14 @@ export class PlotService {
return this.plotTypes;
}
getTagFields(): Observable<TagField> {
getTagFields(): Array<TagField> {
const that = this;
this.http.get('//localhost:8080/fields').subscribe(data => {
data.forEach(function(name) {
that.tagFields.push(new TagField(name));
});
this.http.get('//'+window.location.hostname+':8080/fields').subscribe(data => {
if (data instanceof Array){
data.forEach(function(name) {
that.tagFields.push(new TagField(name));
});
}
});
return this.tagFields;
}
@@ -46,9 +53,11 @@ export class PlotService {
export class PlotType {
name: string;
icon: string
constructor(name: string) {
constructor(name: string, icon: string) {
this.name = name;
this.icon = icon;
}
}

4
pdb-js/src/app/visualization-page/visualization-page.component.html
View File

@@ -9,7 +9,7 @@
<mat-label>Type:</mat-label>
<mat-select [(value)]="selectedPlotType">
<mat-option *ngFor="let plotType of plotTypes" [value]="plotType.name">
{{plotType.name}}
<img src="assets/img/{{plotType.icon}}.svg" class="icon-select" /> {{plotType.name}}
</mat-option>
</mat-select>
</mat-form-field>
@@ -19,7 +19,7 @@
<mat-select [(value)]="selectedCombinePlotType">
<mat-option>-</mat-option>
<mat-option *ngFor="let plotType of combinePlotTypes" [value]="plotType.name">
{{plotType.name}}
<img src="assets/img/{{plotType.icon}}.svg" class="icon-select" /> {{plotType.name}}
</mat-option>
</mat-select>
</mat-form-field>

171
pdb-js/src/assets/img/cumulative-distribution-chart.svg Normal file
View File

@@ -0,0 +1,171 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64"
height="64"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 640 640"
version="1.1"
id="svg4"
sodipodi:docname="cumulative-distribution-chart.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<inkscape:path-effect
effect="bspline"
id="path-effect4872"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4868"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4864"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4731"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3922"
is_visible="true"
weight="33.3333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3914"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bend_path"
id="path-effect205"
is_visible="true"
bendpath="M 0,0 H 1"
prop_scale="1.0426743"
scale_y_rel="true"
vertical="false"
bendpath-nodetypes="cc" />
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="1145"
id="namedview6"
showgrid="true"
inkscape:snap-grids="true"
inkscape:zoom="10.429825"
inkscape:cx="32.105984"
inkscape:cy="32"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-to-guides="false"
inkscape:snap-global="true">
<inkscape:grid
type="xygrid"
id="grid3910" />
</sodipodi:namedview>
<path
style="fill:none;stroke:#000000;stroke-width:65;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 35.152548,48.135594 c 0.0096,174.339836 0.0096,348.690116 0,523.050856 191.885512,-0.0105 383.738412,-0.0105 575.593222,0"
id="path4729"
inkscape:connector-curvature="0" />
<path
style="fill:#9400d3;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:0"
d="m 43.72308,28.757127 c 0.282929,-0.521415 5.177783,-8.662034 5.207841,-8.661149 0.01984,5.84e-4 1.278626,1.930246 2.797293,4.288136 l 2.761213,4.287072 -0.727315,0.04249 c -0.400023,0.02337 -2.40528,0.06184 -4.456128,0.08548 -2.050847,0.02364 -4.166544,0.06175 -4.701548,0.08468 L 43.6317,28.92553 Z"
id="path4801"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4803"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4805"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:none;stroke:#000000;stroke-width:50;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
d="m 110,540 c 0.01,-43.34333 0.01,-86.67667 0,-130 76.65898,-0.01 153.34333,-0.01 230,0 0.01,-63.33507 0.01,-126.67667 0,-190 73.33176,-0.01 146.67667,-0.01 220,0 0.01,-53.33606 0.01,-113.34333 0,-170"
id="path4870"
inkscape:connector-curvature="0" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

259
pdb-js/src/assets/img/heatmap.svg Normal file
View File

@@ -0,0 +1,259 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64"
height="64"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 640 640"
version="1.1"
id="svg4"
sodipodi:docname="heatmap.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<inkscape:path-effect
effect="bspline"
id="path-effect4918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4895"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4872"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4868"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4864"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4731"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3922"
is_visible="true"
weight="33.3333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3914"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bend_path"
id="path-effect205"
is_visible="true"
bendpath="M 0,0 H 1"
prop_scale="1.0426743"
scale_y_rel="true"
vertical="false"
bendpath-nodetypes="cc" />
<inkscape:path-effect
effect="bspline"
id="path-effect4918-3"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="1145"
id="namedview6"
showgrid="true"
inkscape:snap-grids="true"
inkscape:zoom="10.429825"
inkscape:cx="32.105984"
inkscape:cy="32"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-to-guides="false"
inkscape:snap-global="true">
<inkscape:grid
type="xygrid"
id="grid3910" />
</sodipodi:namedview>
<path
style="fill:none;stroke:#000000;stroke-width:65;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 35.152548,48.135594 c 0.0096,174.339836 0.0096,348.690116 0,523.050856 191.885512,-0.0105 383.738412,-0.0105 575.593222,0"
id="path4729"
inkscape:connector-curvature="0" />
<path
style="fill:#9400d3;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:0"
d="m 43.72308,28.757127 c 0.282929,-0.521415 5.177783,-8.662034 5.207841,-8.661149 0.01984,5.84e-4 1.278626,1.930246 2.797293,4.288136 l 2.761213,4.287072 -0.727315,0.04249 c -0.400023,0.02337 -2.40528,0.06184 -4.456128,0.08548 -2.050847,0.02364 -4.166544,0.06175 -4.701548,0.08468 L 43.6317,28.92553 Z"
id="path4801"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4803"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4805"
inkscape:connector-curvature="0"
transform="scale(10)" />
<rect
style="fill:#f2f2f2;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057"
width="150"
height="150"
x="80"
y="380" />
<rect
style="fill:#999999;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-2"
width="150"
height="150"
x="230"
y="380" />
<rect
style="fill:#808080;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-9"
width="150"
height="150"
x="380"
y="380" />
<rect
style="fill:#b3b3b3;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-1"
width="150"
height="150"
x="80"
y="230" />
<rect
style="fill:#1a1a1a;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-2-2"
width="150"
height="150"
x="230"
y="230" />
<rect
style="fill:#333333;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-9-7"
width="150"
height="150"
x="380"
y="230" />
<rect
style="fill:#cccccc;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-0"
width="150"
height="150"
x="80"
y="80" />
<rect
style="fill:#808080;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-2-9"
width="150"
height="150"
x="230"
y="80" />
<rect
style="fill:#cccccc;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect5057-9-3"
width="150"
height="150"
x="380"
y="80" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

181
pdb-js/src/assets/img/parallel-requests-chart.svg Normal file
View File

@@ -0,0 +1,181 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64"
height="64"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 640 640"
version="1.1"
id="svg4"
sodipodi:docname="parallel-requests-chart.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<inkscape:path-effect
effect="bspline"
id="path-effect4895"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4872"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4868"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4864"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4731"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3922"
is_visible="true"
weight="33.3333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3914"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bend_path"
id="path-effect205"
is_visible="true"
bendpath="M 0,0 H 1"
prop_scale="1.0426743"
scale_y_rel="true"
vertical="false"
bendpath-nodetypes="cc" />
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="1145"
id="namedview6"
showgrid="true"
inkscape:snap-grids="true"
inkscape:zoom="10.429825"
inkscape:cx="32.105984"
inkscape:cy="32"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-to-guides="false"
inkscape:snap-global="true">
<inkscape:grid
type="xygrid"
id="grid3910" />
</sodipodi:namedview>
<path
style="fill:none;stroke:#000000;stroke-width:65;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 35.152548,48.135594 c 0.0096,174.339836 0.0096,348.690116 0,523.050856 191.885512,-0.0105 383.738412,-0.0105 575.593222,0"
id="path4729"
inkscape:connector-curvature="0" />
<path
style="fill:#9400d3;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:0"
d="m 43.72308,28.757127 c 0.282929,-0.521415 5.177783,-8.662034 5.207841,-8.661149 0.01984,5.84e-4 1.278626,1.930246 2.797293,4.288136 l 2.761213,4.287072 -0.727315,0.04249 c -0.400023,0.02337 -2.40528,0.06184 -4.456128,0.08548 -2.050847,0.02364 -4.166544,0.06175 -4.701548,0.08468 L 43.6317,28.92553 Z"
id="path4801"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4803"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4805"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#000000;stroke:#000000;stroke-width:50;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 140,540 c 0.01,-66.67667 0.01,-133.34333 0,-200 16.67417,-0.01 33.34333,-0.01 50,0 0.01,66.61667 0.01,133.32333 0,200 10.0115,-0.01 20.01,-0.01 30,0 0.01,-133.21 0.01,-266.67667 0,-400 40.007,-0.01 80.01,-0.01 120,0 0.01,49.9775 0.01,99.99 0,150 40.018,-0.01 80.01,-0.01 120,0 0.01,53.31 0.01,106.65667 0,160 40.0175,-0.01 80.01,-0.01 120,0 0.01,29.9825 0.01,59.99 0,90"
id="path4893"
inkscape:connector-curvature="0" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

383
pdb-js/src/assets/img/quantile-quantile.svg Normal file
View File

@@ -0,0 +1,383 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64"
height="64"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 640 640"
version="1.1"
id="svg4"
sodipodi:docname="quantile-quantile.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<inkscape:path-effect
effect="bspline"
id="path-effect5140"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5136"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5132"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4895"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4872"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4868"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4864"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4731"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3922"
is_visible="true"
weight="33.3333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3914"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bend_path"
id="path-effect205"
is_visible="true"
bendpath="M 0,0 H 1"
prop_scale="1.0426743"
scale_y_rel="true"
vertical="false"
bendpath-nodetypes="cc" />
<inkscape:path-effect
effect="bspline"
id="path-effect4918-3"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5136-6"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5140-0"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5136-61"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5140-8"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5136-2"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5140-02"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5136-5"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect5140-9"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="1145"
id="namedview6"
showgrid="true"
inkscape:snap-grids="true"
inkscape:zoom="10.429825"
inkscape:cx="32.105984"
inkscape:cy="32"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-to-guides="false"
inkscape:snap-global="true">
<inkscape:grid
type="xygrid"
id="grid3910" />
</sodipodi:namedview>
<path
style="fill:none;stroke:#000000;stroke-width:65;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 35.152548,48.135594 c 0.0096,174.339836 0.0096,348.690116 0,523.050856 191.885512,-0.0105 383.738412,-0.0105 575.593222,0"
id="path4729"
inkscape:connector-curvature="0" />
<path
style="fill:#9400d3;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:0"
d="m 43.72308,28.757127 c 0.282929,-0.521415 5.177783,-8.662034 5.207841,-8.661149 0.01984,5.84e-4 1.278626,1.930246 2.797293,4.288136 l 2.761213,4.287072 -0.727315,0.04249 c -0.400023,0.02337 -2.40528,0.06184 -4.456128,0.08548 -2.050847,0.02364 -4.166544,0.06175 -4.701548,0.08468 L 43.6317,28.92553 Z"
id="path4801"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4803"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4805"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:none;stroke:#000000;stroke-width:40;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 69.999997,540 C 233.34364,379.9899 396.67697,219.9899 559.99998,60"
id="path5130"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5132"
inkscape:original-d="M 69.999997,540 C 233.34353,379.98979 396.67686,219.98979 559.99998,60" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 330,100 c 0,33.32333 0,66.65667 0,100"
id="path5134"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5136"
inkscape:original-d="m 330,100 c 0.01,33.32333 0.01,66.65667 0,100" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 280,150 c 33.34333,0 66.67667,0 100,0"
id="path5138"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5140"
inkscape:original-d="m 280,150 c 33.34333,-0.01 66.67667,-0.01 100,0" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 390,290 c 0,33.32333 0,66.65667 0,100"
id="path5134-6"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5136-6"
inkscape:original-d="m 390,290 c 0.01,33.32333 0.01,66.65667 0,100" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 340,340 c 33.34333,0 66.67667,0 100,0"
id="path5138-2"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5140-0"
inkscape:original-d="m 340,340 c 33.34333,-0.01 66.67667,-0.01 100,0" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 200,250 c 0,33.32333 0,66.65667 0,100"
id="path5134-7"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5136-61"
inkscape:original-d="m 200,250 c 0.01,33.32333 0.01,66.65667 0,100" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 150,300 c 33.34333,0 66.67667,0 100,0"
id="path5138-9"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5140-8"
inkscape:original-d="m 150,300 c 33.34333,-0.01 66.67667,-0.01 100,0" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 250,370 c 0,33.32333 0,66.65667 0,100"
id="path5134-3"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5136-2"
inkscape:original-d="m 250,370 c 0.01,33.32333 0.01,66.65667 0,100" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 200,420 c 33.34333,0 66.67667,0 100,0"
id="path5138-7"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5140-02"
inkscape:original-d="m 200,420 c 33.34333,-0.01 66.67667,-0.01 100,0" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 490,130 c 0,33.32333 0,66.65667 0,100"
id="path5134-2"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5136-5"
inkscape:original-d="m 490,130 c 0.01,33.32333 0.01,66.65667 0,100" />
<path
style="fill:none;stroke:#000000;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 440,180 c 33.34333,0 66.67667,0 100,0"
id="path5138-28"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5140-9"
inkscape:original-d="m 440,180 c 33.34333,-0.01 66.67667,-0.01 100,0" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

206
pdb-js/src/assets/img/scatter-chart.svg Normal file
View File

@@ -0,0 +1,206 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64"
height="64"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 640 640"
version="1.1"
id="svg4"
sodipodi:docname="scatter-chart.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<inkscape:path-effect
effect="bspline"
id="path-effect4731"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3922"
is_visible="true"
weight="33.3333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3914"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bend_path"
id="path-effect205"
is_visible="true"
bendpath="M 0,0 H 1"
prop_scale="1.0426743"
scale_y_rel="true"
vertical="false"
bendpath-nodetypes="cc" />
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="1145"
id="namedview6"
showgrid="true"
inkscape:snap-grids="true"
inkscape:zoom="14.75"
inkscape:cx="32.105984"
inkscape:cy="32"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-to-guides="false"
inkscape:snap-global="true">
<inkscape:grid
type="xygrid"
id="grid3910" />
</sodipodi:namedview>
<path
style="fill:none;stroke:#000000;stroke-width:65;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 35.152548,48.135594 c 0.0096,174.339836 0.0096,348.690116 0,523.050856 191.885512,-0.0105 383.738412,-0.0105 575.593222,0"
id="path4729"
inkscape:connector-curvature="0" />
<path
style="fill:#9400d3;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:0"
d="m 43.72308,28.757127 c 0.282929,-0.521415 5.177783,-8.662034 5.207841,-8.661149 0.01984,5.84e-4 1.278626,1.930246 2.797293,4.288136 l 2.761213,4.287072 -0.727315,0.04249 c -0.400023,0.02337 -2.40528,0.06184 -4.456128,0.08548 -2.050847,0.02364 -4.166544,0.06175 -4.701548,0.08468 L 43.6317,28.92553 Z"
id="path4801"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4803"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4805"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
sodipodi:type="star"
style="fill:#000000;fill-opacity:1;stroke-width:65;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="path4829"
sodipodi:sides="3"
sodipodi:cx="146.69873"
sodipodi:cy="475"
sodipodi:r1="50"
sodipodi:r2="25"
sodipodi:arg1="-1.5707963"
sodipodi:arg2="-0.52359878"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="M 146.69873,425 190,500 l -86.60254,0 z"
inkscape:transform-center-y="-12.5" />
<use
id="use4831"
inkscape:spray-origin="#path4829"
xlink:href="#path4829"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(170,-40.000001)" />
<use
id="use4833"
inkscape:spray-origin="#path4829"
xlink:href="#path4829"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(63.301268,-135)" />
<use
id="use4835"
inkscape:spray-origin="#path4829"
xlink:href="#path4829"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(166.60254,-240)" />
<use
id="use4837"
inkscape:spray-origin="#path4829"
xlink:href="#path4829"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(330,-230)" />
<use
id="use4839"
inkscape:spray-origin="#path4829"
xlink:href="#path4829"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(266.60254,-330)" />
<use
id="use4841"
inkscape:spray-origin="#path4829"
xlink:href="#path4829"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(260,-120)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

256
pdb-js/src/assets/img/strip-chart.svg Normal file
View File

@@ -0,0 +1,256 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64"
height="64"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 640 640"
version="1.1"
id="svg4"
sodipodi:docname="strip-chart.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<inkscape:path-effect
effect="bspline"
id="path-effect4918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4895"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4872"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4868"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4864"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4731"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3922"
is_visible="true"
weight="33.3333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3914"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bend_path"
id="path-effect205"
is_visible="true"
bendpath="M 0,0 H 1"
prop_scale="1.0426743"
scale_y_rel="true"
vertical="false"
bendpath-nodetypes="cc" />
<inkscape:path-effect
effect="bspline"
id="path-effect4918-3"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="1145"
id="namedview6"
showgrid="true"
inkscape:snap-grids="true"
inkscape:zoom="10.429825"
inkscape:cx="32.105984"
inkscape:cy="32"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-to-guides="false"
inkscape:snap-global="true">
<inkscape:grid
type="xygrid"
id="grid3910" />
</sodipodi:namedview>
<path
style="fill:none;stroke:#000000;stroke-width:65;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 35.152548,48.135594 c 0.0096,174.339836 0.0096,348.690116 0,523.050856 191.885512,-0.0105 383.738412,-0.0105 575.593222,0"
id="path4729"
inkscape:connector-curvature="0" />
<path
style="fill:#9400d3;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:0"
d="m 43.72308,28.757127 c 0.282929,-0.521415 5.177783,-8.662034 5.207841,-8.661149 0.01984,5.84e-4 1.278626,1.930246 2.797293,4.288136 l 2.761213,4.287072 -0.727315,0.04249 c -0.400023,0.02337 -2.40528,0.06184 -4.456128,0.08548 -2.050847,0.02364 -4.166544,0.06175 -4.701548,0.08468 L 43.6317,28.92553 Z"
id="path4801"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4803"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4805"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
sodipodi:type="star"
style="fill:#000000;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="path4989"
sodipodi:sides="3"
sodipodi:cx="209.37822"
sodipodi:cy="485"
sodipodi:r1="70"
sodipodi:r2="35"
sodipodi:arg1="-1.5707963"
sodipodi:arg2="-0.52359878"
inkscape:flatsided="true"
inkscape:rounded="0"
inkscape:randomized="0"
d="M 209.37822,415 270,520 148.75644,520 Z"
inkscape:transform-center-y="-17.5" />
<use
id="use4991"
inkscape:spray-origin="#path4989"
xlink:href="#path4989"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(60.000003,-150)" />
<use
id="use4993"
inkscape:spray-origin="#path4989"
xlink:href="#path4989"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(-9.9999969,-310)" />
<rect
style="fill:#000000;fill-opacity:1;stroke-width:40;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect4995"
width="100"
height="100"
x="410"
y="410" />
<use
id="use4997"
inkscape:spray-origin="#rect4995"
xlink:href="#rect4995"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(90,-150)" />
<use
id="use4999"
inkscape:spray-origin="#rect4995"
xlink:href="#rect4995"
x="0"
y="0"
width="100%"
height="100%"
transform="translate(0,-290)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

210
pdb-js/src/assets/img/violin-chart.svg Normal file
View File

@@ -0,0 +1,210 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="64"
height="64"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
image-rendering="optimizeQuality"
fill-rule="evenodd"
clip-rule="evenodd"
viewBox="0 0 640 640"
version="1.1"
id="svg4"
sodipodi:docname="violin-chart.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8">
<inkscape:path-effect
effect="bspline"
id="path-effect4918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4895"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4872"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4868"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4864"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect4731"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3922"
is_visible="true"
weight="33.3333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3918"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bspline"
id="path-effect3914"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="bend_path"
id="path-effect205"
is_visible="true"
bendpath="M 0,0 H 1"
prop_scale="1.0426743"
scale_y_rel="true"
vertical="false"
bendpath-nodetypes="cc" />
<inkscape:path-effect
effect="bspline"
id="path-effect4918-3"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1533"
inkscape:window-height="1145"
id="namedview6"
showgrid="true"
inkscape:snap-grids="true"
inkscape:zoom="10.429825"
inkscape:cx="32.105984"
inkscape:cy="32"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:snap-to-guides="false"
inkscape:snap-global="true">
<inkscape:grid
type="xygrid"
id="grid3910" />
</sodipodi:namedview>
<path
style="fill:none;stroke:#000000;stroke-width:65;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 35.152548,48.135594 c 0.0096,174.339836 0.0096,348.690116 0,523.050856 191.885512,-0.0105 383.738412,-0.0105 575.593222,0"
id="path4729"
inkscape:connector-curvature="0" />
<path
style="fill:#9400d3;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:0"
d="m 43.72308,28.757127 c 0.282929,-0.521415 5.177783,-8.662034 5.207841,-8.661149 0.01984,5.84e-4 1.278626,1.930246 2.797293,4.288136 l 2.761213,4.287072 -0.727315,0.04249 c -0.400023,0.02337 -2.40528,0.06184 -4.456128,0.08548 -2.050847,0.02364 -4.166544,0.06175 -4.701548,0.08468 L 43.6317,28.92553 Z"
id="path4801"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4803"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:#9400d3;fill-opacity:0;stroke-width:6.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
d="m 11.170391,48.874963 c 0,-0.11777 5.07961,-8.576658 5.150332,-8.576658 0.136168,0 5.561825,8.36129 5.479243,8.443871 -0.08038,0.08038 -10.629575,0.21216 -10.629575,0.132787 z"
id="path4805"
inkscape:connector-curvature="0"
transform="scale(10)" />
<path
style="fill:none;stroke:#000000;stroke-width:40;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 330,50 c 0,33.065897 0,66.14282 -13.80688,91.87301 -13.80689,25.7302 -41.41691,44.10014 -59.83399,58.80221 -18.41709,14.70206 -27.61851,25.72174 -32.22727,47.79324 -4.60875,22.07149 -4.60875,55.11026 6.90276,88.19773 11.51152,33.08747 34.51987,66.15336 52.93428,90.04408 C 302.38332,450.60099 316.19136,465.30018 330,480"
id="path4916"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect4918"
inkscape:original-d="m 330,50 c 0.0138,33.065897 0.0138,66.14282 0,99.23077 -27.61462,18.37116 -55.22463,36.74111 -82.85767,55.1282 -9.19757,11.02058 -18.399,22.04026 -27.61922,33.07693 0.0138,33.10405 0.0138,66.14282 0,99.23077 23.0375,33.07692 46.04584,66.14282 69.04806,99.23076 C 302.39615,450.58893 316.2042,465.28812 330,480" />
<path
style="fill:none;stroke:#000000;stroke-width:40;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 330,50 c 0,33.065897 0,66.14282 13.80689,91.87302 13.80689,25.73019 41.4169,44.10013 59.83399,58.8022 18.41709,14.70206 27.61851,25.72174 32.22727,47.79324 4.60875,22.07149 4.60875,55.11026 -6.90276,88.19773 -11.51152,33.08747 -34.51987,66.15337 -52.93428,90.04408 C 357.61669,450.60098 343.80864,465.30018 330,480"
id="path4916-6"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect4918-3"
inkscape:original-d="m 330,50 c -0.0138,33.065897 -0.0138,66.14282 0,99.23077 27.61463,18.37116 55.22464,36.74111 82.85768,55.1282 9.19757,11.02058 18.399,22.04026 27.61922,33.07693 -0.0138,33.10405 -0.0138,66.14282 0,99.23077 -23.0375,33.07692 -46.04585,66.14282 -69.04806,99.23076 C 357.60386,450.58893 343.79581,465.28812 330,480" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

12
pdb-js/src/styles.scss
View File

@@ -44,6 +44,12 @@ body {
margin: 1em;
}
.icon-select {
width: 1.5em;
height: 1.5em;
vertical-align: text-bottom;
}
a.external-link:after {
background: transparent url('/assets/img/external-link.svg') no-repeat center bottom;
background-size: 0.8em;
@@ -52,3 +58,9 @@ a.external-link:after {
height: 1em;
content: "";
}
body .mat-select-panel {
max-height: 500px;
}

2
pdb-ui/src/main/java/org/lucares/pdbui/PdbController.java
View File

@@ -61,7 +61,7 @@ import com.fasterxml.jackson.databind.ObjectMapper;
@Controller
@EnableAutoConfiguration
@CrossOrigin(origins = "http://localhost:4200")
@CrossOrigin(origins = {"http://localhost:4200", "http://127.0.0.1:4200"})
public class PdbController implements HardcodedValues, PropertyKeys {
private static final Logger LOGGER = LoggerFactory.getLogger(PdbController.class);