Added content

This commit is contained in:
Oystein Kristoffer Tveit 2021-11-15 22:01:28 +01:00
parent 2d735cdb5a
commit d6848dc925
18 changed files with 1485 additions and 54 deletions

270
main.md
View File

@ -19,6 +19,10 @@ selv-introduksjon
Angående forelesningen
Planen min er å gå over alle temaene nevnt i pensum.
Kommer til å nevne en del biter som ikke nødvendigvis er viktig for pensum,
men som er viktig for å forstå innholdet
---
## Generelt
@ -29,18 +33,20 @@ Kort Historie
---
Folk som er viktige
### Folk som er viktige
Von Neumann
<!-- TODO: Add people and pictures -->
- Von Neumann
---
<!-- .slide: data-auto-animate -->
### Begreper:
### Et par begreper:
<div class="columns">
<div class="column">
<div>
- PC <!-- .element: data-id="pc" -->
- Operativsystem
@ -49,7 +55,7 @@ Von Neumann
- IC
</div>
<div class="column">
<div>
- Hardware
- Software
@ -68,11 +74,20 @@ Operativsystem -> Ressursallokering -> Kernel -> Grafisk brukergrensesnitt
<!-- .slide: data-auto-animate data-transition="zoom-in" -->
<div class="columns">
<div>
- PC <!-- .element: data-id="pc" -->
---
</div>
<div>
- bit <!-- .element: data-id="2" -->
</div>
</div>
----
---
<div class="columns">
<div class="column">
@ -123,7 +138,9 @@ Objekter
---
Tallsystemer
### Tallsystemer
Note:
Forventet å kunne octal, binær, heksadesimal
@ -135,7 +152,6 @@ hexadesimal i 4 binær chunks om gangen
octal i 3 binær chunks om gangen
revers
Note:
lurt å trene på
brukt ca. 20 min
@ -146,7 +162,7 @@ brukt ca. 20 min
---
Negative tall
### Negative tall
Signed magnitude
@ -170,7 +186,18 @@ Algoritme:
---
Flyttall
### Flyttall
```
>>> 0.1 + 0.2
0.30000000000000004
```
<img src="./static/graphics/floating-point-structure.svg" width=80%/> <!-- .element: class="fragment" data-fragment-index="1" -->
\\[ (+,\ \ 4,\ \ 1949284) = +1.949284 \cdot 10^4 = 19492.84 \\] <!-- .element: class="fragment" data-fragment-index="2" -->
Note:
Matematisk tilnærming
@ -178,12 +205,24 @@ Signed bit, exponent - 2^?, signifikant?
består av 3 biter, kan gi rare utregninger iblant
Opphøyd i 10, men i virkeligheten opphøyd i 2
Ikke veldig viktig, men kan være oppklarende.
---
# Hardware
<!-- TODO: add toc -->
- Datamaskin
---
# Datamaskin
Note:
Består av mange forskjellige biter.
datamaskin er bare et begrep vi bruker.
Kan gå galt på veldig mange lag i prosessen.
@ -192,26 +231,35 @@ Moores law, antall transistorer i en IC dobles hver 2. år.
---
## Hovedkort (Motherboard)
Limet som fester alle de andre bitene sammen.
Inneholder litt logikk for konfigurasjon av alle bitene, men lite ellers.
<img src="./static/graphics/motherboard2.png" width="50%"/>
https://toppng.com/show_download/226517/motherboard-png-photos-intel-server-board-s7200a/large
Note:
Limet som fester alle de andre bitene sammen.
Inneholder litt logikk for konfigurasjon av alle bitene, men lite ellers.
---
## CPU
<img src="./static/graphics/cpu.png" width=40%/>
<img src="./static/graphics/processor.gif" width=40%/>
Note:
Viktigste biten. Gjør alle beregningene.
Består av 3 biter, kontrollenhet, minneenhet, ALU
Kjører raskt, gHz
Har et visst sett med ting den kan gjøre, kalt et instruksjonssett.
Setter du disse på rad, så har du et program.
---
----
# Fetch Decode Execute Cycle (De 5 stegene)
### Fetch Decode Execute Cycle (De 5 stegene)
Note:
*5 steg* hver gang den skal kjøre en instruksjon
PC - program counter
@ -222,7 +270,28 @@ Kjører en instruksjon for hver klokkesykel, men gjør flere steg samtidig. Verd
## Minne
Primær, sekundær-minne
<div class="columns" style="font-size: 0.6em;">
<div>
<h3>Primary</h3>
- Volatile
- Random Access
<img src="./static/graphics/ram.png" width=80% />
</div>
<div>
<h3>Secondary</h3>
- Nonvolatile
- Sequential Access?
<img src="./static/graphics/storage_combined.svg" width=80% />
</div>
</div>
Note:
Primær - RAM
tilfeldig access - kan nå hvor som helst øyeblikkelig
@ -235,31 +304,50 @@ ikke volatilt - holder på data uten strøm
SSD - Nesten random access, ligner på ram, men er ikke volatil
CD, DVD, Ekstern harddisk, USB, osv.
> https://www.pngall.com/ram-png/download/48267
> https://pixabay.com/vectors/hdd-hard-disk-drive-disk-hard-disk-154463/
> https://pixabay.com/vectors/dvd-cd-rom-compact-disc-cd-digital-152917/
> https://pixabay.com/vectors/usb-disk-disc-storage-technology-47552/
---
# Digital Representasjon
Analog vs Digital
---
## Analog/Digital
<div class="columns">
<div>
<img src="./static/graphics/sound-points-white.svg" width=100%/>
</div>
<div class="column">
- ADC - inn på computeren
- DAC - ut fra computeren
</div>
</div>
Note:
Analog kan du måle bortimot så nøyaktig du vil
Digital har et visst sett med 0 og 1
(bilde av lydbølge)
ADC - inn på computeren
DAC - ut fra computeren
Note: Skal gå inn på diverse måter å representere ting digitalt på
---
# Piksler
## Piksler
<div class="columns">
<div class="column">
<img src="./static/graphics/subpixel.svg" width=30%/>
</div>
<div class="column">
<img src="./static/graphics/e.jpg" width=100%/>
</div>
</div>
Note:
Piksler er en måte å representere bilder
En piksel er en liten bit av bildet, med en farge.
@ -269,24 +357,30 @@ Pleier ofte å være RGB
----
## RGB
Hver verdi er mellom 0 og 255
Kan derfor representeres som et hexadecimal med 6 tegn
<style>
.rgb-pvv {color: #283681;}
.rgb-red {color: #FF0000;}
.rgb-gre {color: #00FF00;}
.rgb-blu {color: #0000FF;}
.rgb-cof {color: #C0FFEE;}
.rgb-whi {color: #FFFFFF;}
.rgb-bla {color: #000000;}
</style>
<div class="replacable-fragment">
<div style="font-size: 0.8em;">
<h3>
<span class="rgb-red">R</div><span class="rgb-gre">G</div><span class="rgb-blu">B</div>
<span style="width: 10%; display: inline-block;"/>
<img style="vertical-align:middle;" src="./static/graphics/subpixel.svg" width=40%/>
</h3>
| Farge | Rød | Grønn | Blå |
Hver verdi er mellom 0 og 255
Kan derfor representeres som et hexadecimal med 6 tegn
<div class="replacable-fragment" style="font-size: 0.8em;">
<div>
| Farge | <span class="rgb-red">Rød</span> | <span class="rgb-gre">Grønn</span> | <span class="rgb-blu">Blå</span> |
|--------------------------------------|---------------|---------------|---------------|
| <span class="rgb-pvv">#283681</span> | 28\\(_{16}\\) | 36\\(_{16}\\) | 81\\(_{16}\\) |
| <span class="rgb-red">#FF0000</span> | FF\\(_{16}\\) | 00\\(_{16}\\) | 00\\(_{16}\\) |
@ -296,9 +390,9 @@ Kan derfor representeres som et hexadecimal med 6 tegn
</div> <!-- .element: class="fragment fade-out" data-fragment-index="1" -->
<div style="font-size: 0.8em;">
<div>
| Farge | Rød | Grønn | Blå |
| Farge | <span class="rgb-red">Rød</span> | <span class="rgb-gre">Grønn</span> | <span class="rgb-blu">Blå</span> |
|--------------------------------------|----------------|----------------|----------------|
| <span class="rgb-pvv">#283681</span> | \\(40_{10}\\) | \\(54_{10}\\) | \\(129_{10}\\) |
| <span class="rgb-red">#FF0000</span> | \\(255_{10}\\) | \\(0_{10}\\) | \\(0_{10}\\) |
@ -319,7 +413,99 @@ Regn ut 1920x1080 x 24 bits
---
## Lyd
<div class="columns">
<div class="column">
<img src="./static/graphics/sound-points-white.svg" width=100%/>
</div>
<div class="column">
- Bør være dobbelt så ofte som høyeste frekvensen
- Bitdybde (16 bit er standard)
</div>
</div>
\\[ 16\ bits \cdot 44100\ Hz \cdot (3 \cdot 60)s \cdot 2\ kanaler \\]
---
## Encoding og Komprimering
-
-
- Lossless vs lossy
Note:
Alt er 1 og 0, men det kan tolkes på forskjellige måter.
Grunnen til at de ofte diskuteres sammen
----
### Eksempel på komprimering
\\[ AAAAAAABBBBAAAAABB \\]
\\[ A6B4A5B2 \\] <!-- .element: class="fragment" data-fragment-index="1" -->
----
### Eksempel på lossy komprimering
Dette er en eksempelsetning.
Dte e en eksmplstnig <!-- .element: class="fragment" data-fragment-index="1" -->
Note:
ikke vanlig for tekst, men akseptabelt for video/lyd/bilde
---
# Algoritmer
----
---
## Kompleksitet
---
# Nettverk
---
## Internett
- Hva er det
----
### Historie
---
# Programvareutvikling

View File

@ -1,7 +0,0 @@
https://www.pngall.com/ram-png/download/48267
https://pixabay.com/vectors/hdd-hard-disk-drive-disk-hard-disk-154463/
https://pixabay.com/vectors/dvd-cd-rom-compact-disc-cd-digital-152917/
https://pixabay.com/vectors/usb-disk-disc-storage-technology-47552/
https://pixabay.com/vectors/integrated-circuit-chip-electronics-33952/

10
sources.txt Normal file
View File

@ -0,0 +1,10 @@
https://www.pngall.com/ram-png/download/48267
https://pixabay.com/vectors/hdd-hard-disk-drive-disk-hard-disk-154463/
https://pixabay.com/vectors/dvd-cd-rom-compact-disc-cd-digital-152917/
https://pixabay.com/vectors/usb-disk-disc-storage-technology-47552/
https://pixabay.com/no/photos/kanon-eos-ef-s-17-85-er-linse-1891685/
https://toppng.com/show_download/226517/motherboard-png-photos-intel-server-board-s7200a/large
https://commons.wikimedia.org/wiki/File:Subpixel_rendering_LCD_photo_3e_composite.jpg
https://commons.wikimedia.org/wiki/File:4-bit-linear-PCM.svg
https://www.righto.com/2015/12/
https://www.pngall.com/cpu-png/download/86141

BIN
static/graphics/cpu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 596 KiB

BIN
static/graphics/e.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
static/graphics/ic.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 645 KiB

View File

@ -0,0 +1,955 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="500"
height="375"
viewBox="0 0 500 375"
version="1.1"
id="svg390"
sodipodi:docname="sound-points-white.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs394">
<defs
id="defs22">
<circle
id="gpDot"
r="0.5"
stroke-width="0.5" />
<path
id="gpPt0"
stroke-width="0.167"
stroke="currentColor"
d="M-1,0 h2 M0,-1 v2" />
<path
id="gpPt1"
stroke-width="0.167"
stroke="currentColor"
d="M-1,-1 L1,1 M1,-1 L-1,1" />
<path
id="gpPt2"
stroke-width="0.167"
stroke="currentColor"
d="M-1,0 L1,0 M0,-1 L0,1 M-1,-1 L1,1 M-1,1 L1,-1" />
<rect
id="gpPt3"
stroke-width="0.167"
stroke="currentColor"
x="-1"
y="-1"
width="2"
height="2" />
<rect
id="gpPt4"
stroke-width="0.167"
stroke="currentColor"
fill="currentColor"
x="-1"
y="-1"
width="2"
height="2" />
<circle
id="gpPt5"
stroke-width="0.167"
stroke="currentColor"
cx="0"
cy="0"
r="1" />
<use
xlink:href="#gpPt5"
id="gpPt6"
fill="currentColor"
stroke="none" />
<path
id="gpPt7"
stroke-width="0.167"
stroke="currentColor"
d="M0,-1.33 L-1.33,0.67 L1.33,0.67 z" />
<use
xlink:href="#gpPt7"
id="gpPt8"
fill="currentColor"
stroke="none" />
<use
xlink:href="#gpPt7"
id="gpPt9"
stroke="currentColor"
transform="rotate(180)" />
<use
xlink:href="#gpPt9"
id="gpPt10"
fill="currentColor"
stroke="none" />
<use
xlink:href="#gpPt3"
id="gpPt11"
stroke="currentColor"
transform="rotate(45)" />
<use
xlink:href="#gpPt11"
id="gpPt12"
fill="currentColor"
stroke="none" />
</defs>
</defs>
<sodipodi:namedview
id="namedview392"
pagecolor="#000000"
bordercolor="#999999"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="0.95866667"
inkscape:cx="299.37413"
inkscape:cy="30.771905"
inkscape:window-width="1912"
inkscape:window-height="1152"
inkscape:window-x="1920"
inkscape:window-y="40"
inkscape:window-maximized="1"
inkscape:current-layer="svg390" />
<title
id="title2">Gnuplot</title>
<desc
id="desc4">Produced by GNUPLOT 4.6 patchlevel 3 </desc>
<rect
x="0"
y="0"
width="500"
height="375"
fill="none"
id="rect6" />
<g
style="color:#ffffff;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g24" />
<g
style="color:#000000;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g26" />
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g28" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g34" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g44">
<path
stroke="#000000"
d="m 72.8,352.6 m 393.5,0 h 0.01"
id="path36"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,358.6)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g42">
<text
id="text40"
style="fill:#ffffff;stroke:none"><tspan
id="tspan38"
style="fill:#ffffff;stroke:none">8</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g46" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g52" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g62">
<path
stroke="#000000"
d="m 72.8,330.6 m 393.5,0 h 0.01"
id="path54"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,336.6)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g60">
<text
id="text58"
style="fill:#ffffff;stroke:none"><tspan
id="tspan56"
style="fill:#ffffff;stroke:none">7</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g64" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g70" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g80">
<path
stroke="#000000"
d="m 72.8,308.6 m 393.5,0 h 0.01"
id="path72"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,314.6)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g78">
<text
id="text76"
style="fill:#ffffff;stroke:none"><tspan
id="tspan74"
style="fill:#ffffff;stroke:none">6</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g82" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g88" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g98">
<path
stroke="#000000"
d="m 72.8,286.6 m 393.5,0 h 0.01"
id="path90"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,292.6)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g96">
<text
id="text94"
style="fill:#ffffff;stroke:none"><tspan
id="tspan92"
style="fill:#ffffff;stroke:none">5</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g100" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g106" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g116">
<path
stroke="#000000"
d="m 72.8,264.6 m 393.5,0 h 0.01"
id="path108"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,270.6)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g114">
<text
id="text112"
style="fill:#ffffff;stroke:none"><tspan
id="tspan110"
style="fill:#ffffff;stroke:none">4</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g118" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g124" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g134">
<path
stroke="#000000"
d="m 72.8,242.6 m 393.5,0 h 0.01"
id="path126"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,248.6)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g132">
<text
id="text130"
style="fill:#ffffff;stroke:none"><tspan
id="tspan128"
style="fill:#ffffff;stroke:none">3</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g136" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g142" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g152">
<path
stroke="#000000"
d="m 72.8,220.6 m 393.5,0 h 0.01"
id="path144"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,226.6)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g150">
<text
id="text148"
style="fill:#ffffff;stroke:none"><tspan
id="tspan146"
style="fill:#ffffff;stroke:none">2</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g154" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g160" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g170">
<path
stroke="#000000"
d="m 72.8,198.6 m 393.5,0 h 0.01"
id="path162"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,204.6)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g168">
<text
id="text166"
style="fill:#ffffff;stroke:none"><tspan
id="tspan164"
style="fill:#ffffff;stroke:none">1</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g172" />
<g
style="color:#ff0000;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g176" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g178" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g188">
<path
stroke="#000000"
d="m 72.8,176.5 m 393.5,0 h 0.01"
id="path180"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,182.5)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g186">
<text
id="text184"
style="fill:#ffffff;stroke:none"><tspan
id="tspan182"
style="fill:#ffffff;stroke:none">0</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g190" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g196" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g206">
<path
stroke="#000000"
d="m 72.8,154.5 m 393.5,0 h 0.01"
id="path198"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,160.5)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g204">
<text
id="text202"
style="fill:#ffffff;stroke:none"><tspan
id="tspan200"
style="fill:#ffffff;stroke:none">1</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g208" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g214" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g224">
<path
stroke="#000000"
d="m 72.8,132.5 m 393.5,0 h 0.01"
id="path216"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,138.5)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g222">
<text
id="text220"
style="fill:#ffffff;stroke:none"><tspan
id="tspan218"
style="fill:#ffffff;stroke:none">2</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g226" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g232" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g242">
<path
stroke="#000000"
d="m 72.8,110.5 m 393.5,0 h 0.01"
id="path234"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,116.5)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g240">
<text
id="text238"
style="fill:#ffffff;stroke:none"><tspan
id="tspan236"
style="fill:#ffffff;stroke:none">3</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g244" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g250" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g260">
<path
stroke="#000000"
d="m 72.8,88.5 m 393.5,0 h 0.01"
id="path252"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,94.5)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g258">
<text
id="text256"
style="fill:#ffffff;stroke:none"><tspan
id="tspan254"
style="fill:#ffffff;stroke:none">4</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g262" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g268" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g278">
<path
stroke="#000000"
d="m 72.8,66.5 m 393.5,0 h 0.01"
id="path270"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,72.5)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g276">
<text
id="text274"
style="fill:#ffffff;stroke:none"><tspan
id="tspan272"
style="fill:#ffffff;stroke:none">5</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g280" />
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g286" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g296">
<path
stroke="#000000"
d="m 72.8,44.5 m 393.5,0 h 0.01"
id="path288"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,50.5)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g294">
<text
id="text292"
style="fill:#ffffff;stroke:none"><tspan
id="tspan290"
style="fill:#ffffff;stroke:none">6</tspan></text>
</g>
</g>
<g
style="color:#000000;fill:none;stroke:#000000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g298" />
<g
id="g790"
style="stroke:#f2f2f2">
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g32">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,352.6 h 393.5 0.01"
id="path30"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g50">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,330.6 h 393.5 0.01"
id="path48"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g68">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,308.6 h 393.5 0.01"
id="path66"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g86">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,286.6 h 393.5 0.01"
id="path84"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g104">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,264.6 h 393.5 0.01"
id="path102"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g122">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,242.6 h 393.5 0.01"
id="path120"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g140">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,220.6 h 393.5 0.01"
id="path138"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g158">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,198.6 h 393.5 0.01"
id="path156"
style="fill:none;stroke:#f2f2f2" />
</g>
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,176.5 h 393.5 0.01"
id="path174"
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter" />
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g194">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,154.5 h 393.5 0.01"
id="path192"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g212">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,132.5 h 393.5 0.01"
id="path210"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g230">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,110.5 h 393.5 0.01"
id="path228"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g248">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,88.5 h 393.5 0.01"
id="path246"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g266">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,66.5 h 393.5 0.01"
id="path264"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g284">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,44.5 h 393.5 0.01"
id="path282"
style="fill:none;stroke:#f2f2f2" />
</g>
<g
style="color:#ff0000;fill:none;stroke:#f2f2f2;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g302">
<path
stroke="#c0c0c0"
class="gridline"
d="m 72.8,22.5 h 393.5 0.01"
id="path300"
style="fill:none;stroke:#f2f2f2" />
</g>
</g>
<g
style="color:#ff0000;fill:none;stroke:#c0c0c0;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g304" />
<g
style="color:#000000;fill:#ffffff;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g314">
<path
stroke="#000000"
d="m 72.8,22.5 m 393.5,0 h 0.01"
id="path306"
style="fill:#ffffff;stroke:none" />
<g
transform="translate(61.6,28.5)"
style="font-size:21.3333px;font-family:Arial;text-anchor:end;fill:#ffffff;stroke:none"
id="g312">
<text
id="text310"
style="fill:#ffffff;stroke:none"><tspan
id="tspan308"
style="fill:#ffffff;stroke:none">7</tspan></text>
</g>
</g>
<g
id="gnuplot_plot_1">
<title
id="title316">gnuplot_plot_1</title>
<g
style="color:#ffffff;fill:none;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter"
id="g318" />
<g
style="color:#ff0000;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter"
id="g322">
<path
stroke="#ff0000"
d="m 72.8,261.6 4,-15.9 3.9,-18.2 4,-20 4,-21.3 4,-21.9 3.9,-22 4,-21.3 4,-20.2 4,-18.5 3.9,-16.1 4,-13.5 4,-10.3 4,-7.1 3.9,-3.7 4,-0.2 4,3.1 4,6.2 3.9,9.1 4,11.5 4,13.4 4,14.7 3.9,15.6 4,15.8 4,15.4 4,14.4 3.9,12.9 4,11 4,8.6 4,6 3.9,3.3 4,0.4 4,-2.4 4,-5 3.9,-7.4 4,-9.4 4,-11 4,-12 3.9,-12.5 4,-12.5 4,-11.7 4,-10.6 3.9,-8.7 4,-6.5 4,-3.9 4,-0.9 3.9,2.2 4,5.5 4,8.7 4,11.8 3.9,14.6 4,17.1 4,19.2 4,20.7 3.9,21.7 4,22 4,21.8 4,20.8 3.9,19.4 4,17.3 4,14.9 4,12 3.9,8.7 4,5.4 4,1.9 4,-1.4 3.9,-4.7 4,-7.7 4,-10.4 4,-12.5 3.9,-14.1 4,-15.3 4,-15.7 4,-15.7 3.9,-14.9 4,-13.7 4,-12 4,-9.9 3.9,-7.4 4,-4.6 4,-1.9 4,1.1 3.9,3.7 4,6.2 4,8.5 4,10.2 3.9,11.6 4,12.3 4,12.6 4,12.2 3.9,11.2 4,9.7 4,7.7 4,5.2 3.9,2.4 4,-0.6 4,-3.9 4,-7.1 3.9,-10.2 4,-13.3 h 0.01"
id="path320" />
</g>
</g>
<g
style="color:#ffffff;fill:none;stroke:#ff0000;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter"
id="g327" />
<path
stroke="#7f7f7f"
d="m 72.8,176.5 v 88.1 m 17.9,-88.1 m 17.9,0 v -88 m 17.9,88 v -154 m 17.8,154 v -132 m 17.9,132 v -66 m 17.9,66 m 17.9,0 v 22.1 m 17.9,-22.1 v -22 m 17.9,22 v -66 m 17.9,66 v -88 m 17.9,88 v -66 m 17.8,66 v 22.1 m 17.9,-22.1 V 286.6 M 323.2,176.5 V 352.6 M 341.1,176.5 V 330.6 M 359,176.5 v 88.1 m 17.9,-88.1 v 22.1 m 17.9,-22.1 m 17.8,0 v 44.1 m 17.9,-44.1 v 88.1 m 17.9,-88.1 v 110.1 m 17.9,-110.1 v 88.1 h 0.01"
id="path329"
style="color:#008000;fill:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke:#ffffff" />
<g
id="gnuplot_plot_3">
<title
id="title334">gnuplot_plot_3</title>
<g
style="color:#ffffff;fill:none;stroke:#7f7f7f;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g336" />
<g
style="color:#0000ff;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g384">
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,72.8,264.6)"
color="#0000ff"
id="use338"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,90.7,176.5)"
color="#0000ff"
id="use340"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,108.6,88.5)"
color="#0000ff"
id="use342"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,126.5,22.5)"
color="#0000ff"
id="use344"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,144.3,44.5)"
color="#0000ff"
id="use346"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,162.2,110.5)"
color="#0000ff"
id="use348"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,180.1,176.5)"
color="#0000ff"
id="use350"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,198,198.6)"
color="#0000ff"
id="use352"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,215.9,154.5)"
color="#0000ff"
id="use354"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,233.8,110.5)"
color="#0000ff"
id="use356"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,251.7,88.5)"
color="#0000ff"
id="use358"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,269.6,110.5)"
color="#0000ff"
id="use360"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,287.4,198.6)"
color="#0000ff"
id="use362"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,305.3,286.6)"
color="#0000ff"
id="use364"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,323.2,352.6)"
color="#0000ff"
id="use366"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,341.1,330.6)"
color="#0000ff"
id="use368"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,359,264.6)"
color="#0000ff"
id="use370"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,376.9,198.6)"
color="#0000ff"
id="use372"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,394.8,176.5)"
color="#0000ff"
id="use374"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,412.6,220.6)"
color="#0000ff"
id="use376"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,430.5,264.6)"
color="#0000ff"
id="use378"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,448.4,286.6)"
color="#0000ff"
id="use380"
x="0"
y="0"
width="100%"
height="100%" />
<use
xlink:href="#gpPt6"
transform="matrix(4.8,0,0,4.8,466.3,264.6)"
color="#0000ff"
id="use382"
x="0"
y="0"
width="100%"
height="100%" />
</g>
</g>
<g
style="color:#000000;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter"
id="g387" />
<metadata
id="metadata720">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:title>Gnuplot</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
</svg>

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -0,0 +1,276 @@
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
width="500" height="375"
viewBox="0 0 500 375"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<title>Gnuplot</title>
<desc>Produced by GNUPLOT 4.6 patchlevel 3 </desc>
<g id="gnuplot_canvas">
<rect x="0" y="0" width="500" height="375" fill="none"/>
<defs>
<circle id='gpDot' r='0.5' stroke-width='0.5'/>
<path id='gpPt0' stroke-width='0.167' stroke='currentColor' d='M-1,0 h2 M0,-1 v2'/>
<path id='gpPt1' stroke-width='0.167' stroke='currentColor' d='M-1,-1 L1,1 M1,-1 L-1,1'/>
<path id='gpPt2' stroke-width='0.167' stroke='currentColor' d='M-1,0 L1,0 M0,-1 L0,1 M-1,-1 L1,1 M-1,1 L1,-1'/>
<rect id='gpPt3' stroke-width='0.167' stroke='currentColor' x='-1' y='-1' width='2' height='2'/>
<rect id='gpPt4' stroke-width='0.167' stroke='currentColor' fill='currentColor' x='-1' y='-1' width='2' height='2'/>
<circle id='gpPt5' stroke-width='0.167' stroke='currentColor' cx='0' cy='0' r='1'/>
<use xlink:href='#gpPt5' id='gpPt6' fill='currentColor' stroke='none'/>
<path id='gpPt7' stroke-width='0.167' stroke='currentColor' d='M0,-1.33 L-1.33,0.67 L1.33,0.67 z'/>
<use xlink:href='#gpPt7' id='gpPt8' fill='currentColor' stroke='none'/>
<use xlink:href='#gpPt7' id='gpPt9' stroke='currentColor' transform='rotate(180)'/>
<use xlink:href='#gpPt9' id='gpPt10' fill='currentColor' stroke='none'/>
<use xlink:href='#gpPt3' id='gpPt11' stroke='currentColor' transform='rotate(45)'/>
<use xlink:href='#gpPt11' id='gpPt12' fill='currentColor' stroke='none'/>
</defs>
<g style="fill:none; color:white; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,352.6 L466.3,352.6 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,352.6 M466.3,352.6 h0.01'/> <g transform="translate(61.6,358.6)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>8</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,330.6 L466.3,330.6 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,330.6 M466.3,330.6 h0.01'/> <g transform="translate(61.6,336.6)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>7</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,308.6 L466.3,308.6 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,308.6 M466.3,308.6 h0.01'/> <g transform="translate(61.6,314.6)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>6</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,286.6 L466.3,286.6 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,286.6 M466.3,286.6 h0.01'/> <g transform="translate(61.6,292.6)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>5</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,264.6 L466.3,264.6 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,264.6 M466.3,264.6 h0.01'/> <g transform="translate(61.6,270.6)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>4</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,242.6 L466.3,242.6 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,242.6 M466.3,242.6 h0.01'/> <g transform="translate(61.6,248.6)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>3</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,220.6 L466.3,220.6 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,220.6 M466.3,220.6 h0.01'/> <g transform="translate(61.6,226.6)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>2</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,198.6 L466.3,198.6 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,198.6 M466.3,198.6 h0.01'/> <g transform="translate(61.6,204.6)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>1</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,176.5 L466.3,176.5 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,176.5 M466.3,176.5 h0.01'/> <g transform="translate(61.6,182.5)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>0</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,154.5 L466.3,154.5 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,154.5 M466.3,154.5 h0.01'/> <g transform="translate(61.6,160.5)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>1</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,132.5 L466.3,132.5 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,132.5 M466.3,132.5 h0.01'/> <g transform="translate(61.6,138.5)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>2</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,110.5 L466.3,110.5 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,110.5 M466.3,110.5 h0.01'/> <g transform="translate(61.6,116.5)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>3</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,88.5 L466.3,88.5 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,88.5 M466.3,88.5 h0.01'/> <g transform="translate(61.6,94.5)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>4</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,66.5 L466.3,66.5 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,66.5 M466.3,66.5 h0.01'/> <g transform="translate(61.6,72.5)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>5</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,44.5 L466.3,44.5 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,44.5 M466.3,44.5 h0.01'/> <g transform="translate(61.6,50.5)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>6</tspan></text>
</g>
</g>
<g style="fill:none; color:black; stroke:black; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(192, 192, 192)' class="gridline" d='M72.8,22.5 L466.3,22.5 h0.01'/></g>
<g style="fill:none; color:red; stroke:rgb(192, 192, 192); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='black' d='M72.8,22.5 M466.3,22.5 h0.01'/> <g transform="translate(61.6,28.5)" style="stroke:none; fill:black; font-family:Arial; font-size:16.00pt; text-anchor:end">
<text><tspan>7</tspan></text>
</g>
</g>
<g id="gnuplot_plot_1" ><title>gnuplot_plot_1</title>
<g style="fill:none; color:white; stroke:black; stroke-width:4.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:red; stroke:currentColor; stroke-width:4.00; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='red' d='M72.8,261.6 L76.8,245.7 L80.7,227.5 L84.7,207.5 L88.7,186.2 L92.7,164.3 L96.6,142.3 L100.6,121.0
L104.6,100.8 L108.6,82.3 L112.5,66.2 L116.5,52.7 L120.5,42.4 L124.5,35.3 L128.4,31.6 L132.4,31.4
L136.4,34.5 L140.4,40.7 L144.3,49.8 L148.3,61.3 L152.3,74.7 L156.3,89.4 L160.2,105.0 L164.2,120.8
L168.2,136.2 L172.2,150.6 L176.1,163.5 L180.1,174.5 L184.1,183.1 L188.1,189.1 L192.0,192.4 L196.0,192.8
L200.0,190.4 L204.0,185.4 L207.9,178.0 L211.9,168.6 L215.9,157.6 L219.9,145.6 L223.8,133.1 L227.8,120.6
L231.8,108.9 L235.8,98.3 L239.7,89.6 L243.7,83.1 L247.7,79.2 L251.7,78.3 L255.6,80.5 L259.6,86.0
L263.6,94.7 L267.6,106.5 L271.5,121.1 L275.5,138.2 L279.5,157.4 L283.5,178.1 L287.4,199.8 L291.4,221.8
L295.4,243.6 L299.4,264.4 L303.3,283.8 L307.3,301.1 L311.3,316.0 L315.3,328.0 L319.2,336.7 L323.2,342.1
L327.2,344.0 L331.2,342.6 L335.1,337.9 L339.1,330.2 L343.1,319.8 L347.1,307.3 L351.0,293.2 L355.0,277.9
L359.0,262.2 L363.0,246.5 L366.9,231.6 L370.9,217.9 L374.9,205.9 L378.9,196.0 L382.8,188.6 L386.8,184.0
L390.8,182.1 L394.8,183.2 L398.7,186.9 L402.7,193.1 L406.7,201.6 L410.7,211.8 L414.6,223.4 L418.6,235.7
L422.6,248.3 L426.6,260.5 L430.5,271.7 L434.5,281.4 L438.5,289.1 L442.5,294.3 L446.4,296.7 L450.4,296.1
L454.4,292.2 L458.4,285.1 L462.3,274.9 L466.3,261.6 h0.01'/></g>
</g>
<g id="gnuplot_plot_2" ><title>gnuplot_plot_2</title>
<g style="fill:none; color:white; stroke:red; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:green; stroke:currentColor; stroke-width:1.50; stroke-linecap:butt; stroke-linejoin:miter">
<path stroke='rgb(127, 127, 127)' d='M72.8,176.5 L72.8,264.6 M90.7,176.5 M108.6,176.5 L108.6,88.5 M126.5,176.5 L126.5,22.5 M144.3,176.5
L144.3,44.5 M162.2,176.5 L162.2,110.5 M180.1,176.5 M198.0,176.5 L198.0,198.6 M215.9,176.5 L215.9,154.5
M233.8,176.5 L233.8,110.5 M251.7,176.5 L251.7,88.5 M269.6,176.5 L269.6,110.5 M287.4,176.5 L287.4,198.6
M305.3,176.5 L305.3,286.6 M323.2,176.5 L323.2,352.6 M341.1,176.5 L341.1,330.6 M359.0,176.5 L359.0,264.6
M376.9,176.5 L376.9,198.6 M394.8,176.5 M412.6,176.5 L412.6,220.6 M430.5,176.5 L430.5,264.6 M448.4,176.5
L448.4,286.6 M466.3,176.5 L466.3,264.6 h0.01'/></g>
</g>
<g id="gnuplot_plot_3" ><title>gnuplot_plot_3</title>
<g style="fill:none; color:white; stroke:rgb(127, 127, 127); stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
<g style="fill:none; color:blue; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
<use xlink:href='#gpPt6' transform='translate(72.8,264.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(90.7,176.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(108.6,88.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(126.5,22.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(144.3,44.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(162.2,110.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(180.1,176.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(198.0,198.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(215.9,154.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(233.8,110.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(251.7,88.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(269.6,110.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(287.4,198.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(305.3,286.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(323.2,352.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(341.1,330.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(359.0,264.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(376.9,198.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(394.8,176.5) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(412.6,220.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(430.5,264.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(448.4,286.6) scale(4.80)' color='blue'/>
<use xlink:href='#gpPt6' transform='translate(466.3,264.6) scale(4.80)' color='blue'/>
</g>
</g>
<g style="fill:none; color:black; stroke:currentColor; stroke-width:1.00; stroke-linecap:butt; stroke-linejoin:miter">
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 MiB

View File

@ -0,0 +1 @@
<mxfile host="app.diagrams.net" modified="2021-11-15T19:22:01.507Z" agent="5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36" etag="-01Wis6rnk-IngTut06P" version="15.7.4" type="device"><diagram id="FoPzOr6xO5Z_VcP7m6Hq" name="Page-1">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</diagram></mxfile>

View File

@ -0,0 +1 @@
<mxfile host="app.diagrams.net" modified="2021-11-15T18:45:31.175Z" agent="5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36" etag="H7DfIBhPJSZeNPM9Y_rw" version="15.7.4" type="device"><diagram id="FoPzOr6xO5Z_VcP7m6Hq" name="Page-1">zZU9b4MwEEB/DWMlg/M1hySNKlUdoraziy/g1viQMYXk19cEO4CiSO2SlAHBu/PZfmdBQOO8edSsyJ6RgwwiwpuAroIomsxDe2/BoQPRnHQg1YJ3KOzBThzBQZ9WCQ7lKNEgSiOKMUxQKUjMiDGtsR6n7VGOZy1YChdglzB5Sd8FN1lHF1PS8y2INPMzh8RFcuaTHSgzxrEeILoOaKwRTfeUNzHI1p330o3bXImeF6ZBmd8MwLeZ0p/4tP1YidcqP5YvBX2gXZVvJiu3YbdYc/AGNFaKQ1skDOiyzoSBXcGSNlrblluWmVy6MNOJ66E1RJd7IWWMEvWpFN1siL1ajsoM+P50WV4ajV/gIwqVrbR0SwRtoLm69/Bs1J5EwByMPtgUN4D6JrhTSGfuve576lOyQTsXjjF3itJz5V60fXCu/+B9clPvhLTm7+F9+s+8T2/svTV/D++Lm3m3r/037BQb/Ajo+gc=</diagram></mxfile>

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="81px" height="81px" viewBox="-0.5 -0.5 81 81" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-11-15T18:47:07.213Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36&quot; version=&quot;15.7.4&quot; etag=&quot;zW19FwuOtCrEAmcYILiT&quot;&gt;&lt;diagram id=&quot;XRMaKtgEcu-afdt2Hl2Q&quot;&gt;xZRNc8IgEEB/Te4kaPVsqu2lJw89M2FNmBI2g9jE/vqCLCYZ60xPyiET3i5fbxkyXrbDmxVd84ESdFYwOWT8NSuKxSr33wDOERQrFkFtlYwoH8Fe/QDBlHZSEo6zRIeonermsEJjoHIzJqzFfp52QD1ftRM13IB9JfQt/VTSNZGul2zk76DqJq2cM4q0IiUTODZCYj9BfJvx0iK6+NcOJejgLnmJ43Z3oteNWTDuPwOKOOBb6BOdjfblzumwFk9GQsjPM77pG+Vg34kqRHtfXc8a12oKC1tRubwMvjkorUvUaC9T8d2O+RY4Gjfhh0vz/OgsfkGKGDR+pg1tEayD4e4x86s8f+kAW3D27FNoAE++6cLxF+r3Y/lSSjOp3JqYoAtTX2cenfof0vq3Yv5QxYwFyc9QvHye4sWDFQfJz1C8fphi3x0foUts8pLz7S8=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="0" y="0" width="20" height="80" rx="10" ry="10" fill="#ff0000" stroke="none" pointer-events="all"/><rect x="30" y="0" width="20" height="80" rx="10" ry="10" fill="#00ff00" stroke="none" pointer-events="all"/><rect x="60" y="0" width="20" height="80" rx="10" ry="10" fill="#0000ff" stroke="none" pointer-events="all"/></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -18,5 +18,6 @@
.replacable-fragment > div {
position:absolute;
top:0;
left:0;
/* TODO: fix this properly */
left:25%;
}