Kurs/itgk-kurs-2021
Kurs
/
itgk-kurs-2021
3
0
Fork 0
Code Issues Pull Requests Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

276
main.md
View File

@ -19,6 +19,10 @@ selv-introduksjon
Angående forelesningen 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 ## 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 --> <!-- .slide: data-auto-animate -->
### Begreper: ### Et par begreper:
<div class="columns"> <div class="columns">
<div class="column"> <div>
- PC <!-- .element: data-id="pc" --> - PC <!-- .element: data-id="pc" -->
- Operativsystem - Operativsystem
@ -49,7 +55,7 @@ Von Neumann
- IC - IC
</div> </div>
<div class="column"> <div>
- Hardware - Hardware
- Software - Software
@ -66,14 +72,23 @@ Operativsystem -> Ressursallokering -> Kernel -> Grafisk brukergrensesnitt
---- ----
<!-- .slide: data-auto-animate data-transition="zoom-in"--> <!-- .slide: data-auto-animate data-transition="zoom-in" -->
- PC <!-- .element: data-id="pc" --> <div class="columns">
<div>
- PC <!-- .element: data-id="pc" -->
</div>
<div>
</div>
</div>
----
--- ---
- bit <!-- .element: data-id="2" -->
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
@ -123,7 +138,9 @@ Objekter
--- ---
Tallsystemer ### Tallsystemer
Note:
Forventet å kunne octal, binær, heksadesimal 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 octal i 3 binær chunks om gangen
revers revers
Note:
lurt å trene på lurt å trene på
brukt ca. 20 min brukt ca. 20 min
@ -146,7 +162,7 @@ brukt ca. 20 min
--- ---
Negative tall ### Negative tall
Signed magnitude 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 Matematisk tilnærming
@ -178,12 +205,24 @@ Signed bit, exponent - 2^?, signifikant?
består av 3 biter, kan gi rare utregninger iblant 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 # Hardware
<!-- TODO: add toc -->
- Datamaskin
---
# Datamaskin # Datamaskin
Note:
Består av mange forskjellige biter. Består av mange forskjellige biter.
datamaskin er bare et begrep vi bruker. datamaskin er bare et begrep vi bruker.
Kan gå galt på veldig mange lag i prosessen. 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) ## 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%"/> <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 ## CPU
<img src="./static/graphics/cpu.png" width=40%/>
<img src="./static/graphics/processor.gif" width=40%/>
Note:
Viktigste biten. Gjør alle beregningene. Viktigste biten. Gjør alle beregningene.
Består av 3 biter, kontrollenhet, minneenhet, ALU Består av 3 biter, kontrollenhet, minneenhet, ALU
Kjører raskt, gHz Kjører raskt, gHz
Har et visst sett med ting den kan gjøre, kalt et instruksjonssett. Har et visst sett med ting den kan gjøre, kalt et instruksjonssett.
Setter du disse på rad, så har du et program. 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 *5 steg* hver gang den skal kjøre en instruksjon
PC - program counter PC - program counter
@ -222,7 +270,28 @@ Kjører en instruksjon for hver klokkesykel, men gjør flere steg samtidig. Verd
## Minne ## 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 Primær - RAM
tilfeldig access - kan nå hvor som helst øyeblikkelig 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 SSD - Nesten random access, ligner på ram, men er ikke volatil
CD, DVD, Ekstern harddisk, USB, osv. 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 # 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 Analog kan du måle bortimot så nøyaktig du vil
Digital har et visst sett med 0 og 1 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 Piksler er en måte å representere bilder
En piksel er en liten bit av bildet, med en farge. 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> <style>
.rgb-pvv {color: #283681;} .rgb-pvv {color: #283681;}
.rgb-red {color: #FF0000;} .rgb-red {color: #FF0000;}
.rgb-gre {color: #00FF00;}
.rgb-blu {color: #0000FF;}
.rgb-cof {color: #C0FFEE;} .rgb-cof {color: #C0FFEE;}
.rgb-whi {color: #FFFFFF;} .rgb-whi {color: #FFFFFF;}
.rgb-bla {color: #000000;} .rgb-bla {color: #000000;}
</style> </style>
<div class="replacable-fragment"> <h3>
<div style="font-size: 0.8em;"> <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-pvv">#283681</span> | 28\\(_{16}\\) | 36\\(_{16}\\) | 81\\(_{16}\\) |
| <span class="rgb-red">#FF0000</span> | FF\\(_{16}\\) | 00\\(_{16}\\) | 00\\(_{16}\\) | | <span class="rgb-red">#FF0000</span> | FF\\(_{16}\\) | 00\\(_{16}\\) | 00\\(_{16}\\) |
@ -296,15 +390,15 @@ Kan derfor representeres som et hexadecimal med 6 tegn
</div> <!-- .element: class="fragment fade-out" data-fragment-index="1" --> </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-pvv">#283681</span> | \\(40_{10}\\) | \\(54_{10}\\) | \\(129_{10}\\) |
| <span class="rgb-red">#FF0000</span> | \\(255_{10}\\) | \\(0_{10}\\) | \\(0_{10}\\) | | <span class="rgb-red">#FF0000</span> | \\(255_{10}\\) | \\(0_{10}\\) | \\(0_{10}\\) |
| <span class="rgb-cof">#C0FFEE</span> | \\(192_{10}\\) | \\(255_{10}\\) | \\(238_{10}\\) | | <span class="rgb-cof">#C0FFEE</span> | \\(192_{10}\\) | \\(255_{10}\\) | \\(238_{10}\\) |
| <span class="rgb-whi">#FFFFFF</span> | \\(255_{10}\\) | \\(255_{10}\\) | \\(255_{10}\\) | | <span class="rgb-whi">#FFFFFF</span> | \\(255_{10}\\) | \\(255_{10}\\) | \\(255_{10}\\) |
| <span class="rgb-bla">#000000</span> | \\(0 _{10}\\) | \\(0_{10}\\) | \\(0_{10}\\) | | <span class="rgb-bla">#000000</span> | \\(0_{10}\\) | \\(0_{10}\\) | \\(0_{10}\\) |
</div> <!-- .element: class="fragment fade-in" data-fragment-index="1" --> </div> <!-- .element: class="fragment fade-in" data-fragment-index="1" -->
</div> </div>
@ -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 # Algoritmer
----
---
## Kompleksitet
---
# Nettverk # Nettverk
---
## Internett
- Hva er det
----
### Historie
---
# Programvareutvikling # Programvareutvikling

7
sources
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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 596 KiB

BIN
static/graphics/e.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

2
static/graphics/floating-point-structure.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
static/graphics/ic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 MiB

4
static/graphics/internet.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
static/graphics/processor.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 645 KiB

955
static/graphics/sound-points-white.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

276
static/graphics/sources/4-bit-linear-PCM.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/graphics/sources/Subpixel_rendering_LCD_photo_3e_composite.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 MiB

BIN
static/graphics/sources/canon-1891685.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 MiB

1
static/graphics/sources/internet.drawio Normal file
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>

1
static/graphics/sources/subpixel.drawio Normal file
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>

BIN
static/graphics/subpixel.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

4
static/graphics/subpixel.svg Normal file
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>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

3
static/main.css
View File

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