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

optimize SVG icons

Browse Source 
The icons were made with Inkscape. This tool does not care
for file size. By rewriting the icons by hand I could reduce
the file size siginificantly. E.g. 6.1kb to 441 bytes for
cumulative-distribution-chart.svg.
This commit is contained in:
Andreas Huber
2019-11-30 09:35:02 +01:00
parent 4e1b7a46d8
commit 0cdf30e9a2
4 changed files with 90 additions and 1123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
pdb-js/src/assets/img/cumulative-distribution-chart.svg
View File

@@ -1,171 +1,22 @@
<?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
width="64"
height="64"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M4,0
L4,60
L64,60"
style="stroke:black; stroke-width: 6px; fill:none;"/>
<path d="M15,60
L15,45
L30,45
L30,30
L45,30
L45,15
L60,15
L60,5"
style="stroke:black; stroke-width: 6px; fill:none;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 442 B

282
pdb-js/src/assets/img/heatmap.svg
View File

@@ -1,259 +1,25 @@
<?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
width="64"
height="64"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M4,0
L4,60
L64,60"
style="stroke:black; stroke-width: 6px; fill:none;"/>
<rect x="11" y="5" width="15" height="15" style="fill: #eee" />
<rect x="28" y="5" width="15" height="15" style="fill: #888" />
<rect x="45" y="5" width="15" height="15" style="fill: #ccc" />
<rect x="11" y="22" width="15" height="15" style="fill: #ddd" />
<rect x="28" y="22" width="15" height="15" style="fill: #222" />
<rect x="45" y="22" width="15" height="15" style="fill: #555" />
<rect x="11" y="39" width="15" height="15" style="fill: #bbb" />
<rect x="28" y="39" width="15" height="15" style="fill: #555" />
<rect x="45" y="39" width="15" height="15" style="fill: #aaa" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 841 B

203
pdb-js/src/assets/img/parallel-requests-chart.svg
View File

@@ -1,181 +1,24 @@
<?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
width="64"
height="64"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M4,0
L4,60
L64,60"
style="stroke:black; stroke-width: 6px; fill:none;"/>
<path d="M15,60
L15,45
L25,45
L25,15
L35,15
L35,30
L45,30
L45,40
L55,40
L55,60"
style="stroke:black; stroke-width: 6px; "/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 467 B

537
pdb-js/src/assets/img/scatter-chart2.svg
View File

@@ -1,516 +1,23 @@
<?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="scatter-chart2.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-effect5303"
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-effect5299"
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-effect5295"
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-effect5291"
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-effect5241"
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-effect5237"
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"
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" />
<inkscape:path-effect
effect="bspline"
id="path-effect5303-9"
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-effect5299-7"
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-effect5303-1"
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-effect5299-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-effect5303-19"
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-effect5299-4"
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-effect5303-4"
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-effect5299-5"
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="false"
inkscape:zoom="7.375"
inkscape:cx="22.682255"
inkscape:cy="37.491525"
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:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
d="m 200,140 c 0,53.32333 0,106.65667 0,160"
id="path5297"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5299"
inkscape:original-d="m 200,140 c 0.01,53.32333 0.01,106.65667 0,160" />
<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 125,220 c 50.01,0 100.01,0 150,0"
id="path5301"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5303"
inkscape:original-d="m 125,220 c 50.01,-0.01 100.01,-0.01 150,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 368.81356,54.237288 c 0,53.323332 0,106.656672 0,160.000002"
id="path5297-3"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5299-7"
inkscape:original-d="m 368.81356,54.237288 c 0.01,53.323332 0.01,106.656672 0,160.000002" />
<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 293.81356,134.23729 c 50.01,0 100.01,0 150,0"
id="path5301-6"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5303-9"
inkscape:original-d="m 293.81356,134.23729 c 50.01,-0.01 100.01,-0.01 150,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 197.9661,334.91525 c 0,53.32333 0,106.65667 0,160"
id="path5297-9"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5299-2"
inkscape:original-d="m 197.9661,334.91525 c 0.01,53.32333 0.01,106.65667 0,160" />
<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 122.9661,414.91525 c 50.01,0 100.01,0 150,0"
id="path5301-3"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5303-1"
inkscape:original-d="m 122.9661,414.91525 c 50.01,-0.01 100.01,-0.01 150,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 343.05084,276.61017 c 0,53.32333 0,106.65667 0,160"
id="path5297-7"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5299-4"
inkscape:original-d="m 343.05084,276.61017 c 0.01,53.32333 0.01,106.65667 0,160" />
<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 268.05084,356.61017 c 50.01,0 100.01,0 150,0"
id="path5301-8"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5303-19"
inkscape:original-d="m 268.05084,356.61017 c 50.01,-0.01 100.01,-0.01 150,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 516.61017,162.71186 c 0,53.32333 0,106.65667 0,160"
id="path5297-0"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5299-5"
inkscape:original-d="m 516.61017,162.71186 c 0.01,53.32333 0.01,106.65667 0,160" />
<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 441.61017,242.71186 c 50.01,0 100.01,0 150,0"
id="path5301-36"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect5303-4"
inkscape:original-d="m 441.61017,242.71186 c 50.01,-0.01 100.01,-0.01 150,0" />
<svg
width="64"
height="64"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<g id="cross">
<rect x="4" y="0" width="4" height="12" />
<rect x="0" y="4" width="12" height="4" />
</g>
</defs>
<use x="12" y="10" xlink:href="#cross" />
<use x="30" y="6" xlink:href="#cross" />
<use x="26" y="32" xlink:href="#cross" />
<use x="12" y="38" xlink:href="#cross" />
<use x="44" y="20" xlink:href="#cross" />
<path d="M4,0
L4,60
L64,60"
style="stroke:black; stroke-width: 6px; fill:none;"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 595 B