Added content

main.md

@@ -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">
+<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-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
+
+
+
+
+
+
+
+
+
+
+
+
+

sources

@@ -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/

sources.txt

@@ -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

static/graphics/sound-points-white.svg

@@ -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>

static/graphics/sources/4-bit-linear-PCM.svg

@@ -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>
+

static/graphics/sources/internet.drawio

@@ -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>

static/graphics/sources/subpixel.drawio

@@ -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>

static/graphics/subpixel.svg

@@ -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>

static/main.css

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