Update TimeSide schema

diff --git a/Common/img/timeside_schema_v2.dia b/Common/img/timeside_schema_v2.dia
index 92b41ba3acf1bf6d461da470fee18f0dd23b5fd4..a5fd6a46e61f6cdfee530cdef3c7452e102cb88a 100644 (file)
Binary files a/Common/img/timeside_schema_v2.dia and b/Common/img/timeside_schema_v2.dia differ

diff --git a/Common/img/timeside_schema_v2.pdf b/Common/img/timeside_schema_v2.pdf
index d18e8a7605b1b93f3b8ea12fa761f8a0aa7f83d5..1691188cb58bb43f424e74e6a214f822fe060995 100644 (file)
Binary files a/Common/img/timeside_schema_v2.pdf and b/Common/img/timeside_schema_v2.pdf differ

diff --git a/Common/img/timeside_schema_v2.svg b/Common/img/timeside_schema_v2.svg
new file mode 100644 (file)
index 0000000..bbffc79
--- /dev/null
+++ b/Common/img/timeside_schema_v2.svg
@@ -0,0 +1,379 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="51cm" height="33cm" viewBox="38 25 1002 651" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <rect style="fill: #ffffff" x="670" y="26.04" width="240" height="220"/>
+    <path style="fill: #ffffff" d="M 670,26.04 A 10,10 0 0 0 660,36.04 L 670,36.04 z"/>
+    <path style="fill: #ffffff" d="M 920,36.04 A 10,10 0 0 0 910,26.04 L 910,36.04 z"/>
+    <rect style="fill: #ffffff" x="660" y="36.04" width="260" height="200"/>
+    <path style="fill: #ffffff" d="M 660,236.04 A 10,10 0 0 0 670,246.04 L 670,236.04 z"/>
+    <path style="fill: #ffffff" d="M 910,246.04 A 10,10 0 0 0 920,236.04 L 910,236.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="670" y1="26.04" x2="910" y2="26.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="670" y1="246.04" x2="910" y2="246.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 670,26.04 A 10,10 0 0 0 660,36.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 920,36.04 A 10,10 0 0 0 910,26.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="660" y1="36.04" x2="660" y2="236.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="920" y1="36.04" x2="920" y2="236.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 660,236.04 A 10,10 0 0 0 670,246.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 910,246.04 A 10,10 0 0 0 920,236.04"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="790" y="139.94">
+      <tspan x="790" y="139.94"></tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="50" y="486.04" width="520" height="180"/>
+    <path style="fill: #ffffff" d="M 50,486.04 A 10,10 0 0 0 40,496.04 L 50,496.04 z"/>
+    <path style="fill: #ffffff" d="M 580,496.04 A 10,10 0 0 0 570,486.04 L 570,496.04 z"/>
+    <rect style="fill: #ffffff" x="40" y="496.04" width="540" height="160"/>
+    <path style="fill: #ffffff" d="M 40,656.04 A 10,10 0 0 0 50,666.04 L 50,656.04 z"/>
+    <path style="fill: #ffffff" d="M 570,666.04 A 10,10 0 0 0 580,656.04 L 570,656.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="50" y1="486.04" x2="570" y2="486.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="50" y1="666.04" x2="570" y2="666.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 50,486.04 A 10,10 0 0 0 40,496.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 580,496.04 A 10,10 0 0 0 570,486.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="40" y1="496.04" x2="40" y2="656.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="580" y1="496.04" x2="580" y2="656.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 40,656.04 A 10,10 0 0 0 50,666.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 570,666.04 A 10,10 0 0 0 580,656.04"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="310" y="579.94">
+      <tspan x="310" y="579.94"></tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="50" y="26.04" width="520" height="420"/>
+    <path style="fill: #ffffff" d="M 50,26.04 A 10,10 0 0 0 40,36.04 L 50,36.04 z"/>
+    <path style="fill: #ffffff" d="M 580,36.04 A 10,10 0 0 0 570,26.04 L 570,36.04 z"/>
+    <rect style="fill: #ffffff" x="40" y="36.04" width="540" height="400"/>
+    <path style="fill: #ffffff" d="M 40,436.04 A 10,10 0 0 0 50,446.04 L 50,436.04 z"/>
+    <path style="fill: #ffffff" d="M 570,446.04 A 10,10 0 0 0 580,436.04 L 570,436.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="50" y1="26.04" x2="570" y2="26.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="50" y1="446.04" x2="570" y2="446.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 50,26.04 A 10,10 0 0 0 40,36.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 580,36.04 A 10,10 0 0 0 570,26.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="40" y1="36.04" x2="40" y2="436.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="580" y1="36.04" x2="580" y2="436.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 40,436.04 A 10,10 0 0 0 50,446.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 570,446.04 A 10,10 0 0 0 580,436.04"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="310" y="239.94">
+      <tspan x="310" y="239.94"></tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #1e90ff" x="710" y="86.04" width="160" height="60"/>
+    <path style="fill: #1e90ff" d="M 710,86.04 A 10,10 0 0 0 700,96.04 L 710,96.04 z"/>
+    <path style="fill: #1e90ff" d="M 880,96.04 A 10,10 0 0 0 870,86.04 L 870,96.04 z"/>
+    <rect style="fill: #1e90ff" x="700" y="96.04" width="180" height="40"/>
+    <path style="fill: #1e90ff" d="M 700,136.04 A 10,10 0 0 0 710,146.04 L 710,136.04 z"/>
+    <path style="fill: #1e90ff" d="M 870,146.04 A 10,10 0 0 0 880,136.04 L 870,136.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="710" y1="86.04" x2="870" y2="86.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="710" y1="146.04" x2="870" y2="146.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 710,86.04 A 10,10 0 0 0 700,96.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 880,96.04 A 10,10 0 0 0 870,86.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="700" y1="96.04" x2="700" y2="136.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="880" y1="96.04" x2="880" y2="136.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 700,136.04 A 10,10 0 0 0 710,146.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 870,146.04 A 10,10 0 0 0 880,136.04"/>
+    <text font-size="19.7556" style="fill: #ffffff;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="790" y="122.043">
+      <tspan x="790" y="122.043">Audio</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #c3d9ff" x="90" y="86.04" width="437.071" height="120"/>
+    <path style="fill: #c3d9ff" d="M 90,86.04 A 10,10 0 0 0 80,96.04 L 90,96.04 z"/>
+    <path style="fill: #c3d9ff" d="M 537.071,96.04 A 10,10 0 0 0 527.071,86.04 L 527.071,96.04 z"/>
+    <rect style="fill: #c3d9ff" x="80" y="96.04" width="457.071" height="100"/>
+    <path style="fill: #c3d9ff" d="M 80,196.04 A 10,10 0 0 0 90,206.04 L 90,196.04 z"/>
+    <path style="fill: #c3d9ff" d="M 527.071,206.04 A 10,10 0 0 0 537.071,196.04 L 527.071,196.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="86.04" x2="527.071" y2="86.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="206.04" x2="527.071" y2="206.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 90,86.04 A 10,10 0 0 0 80,96.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 537.071,96.04 A 10,10 0 0 0 527.071,86.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="80" y1="96.04" x2="80" y2="196.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="537.071" y1="96.04" x2="537.071" y2="196.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 80,196.04 A 10,10 0 0 0 90,206.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 527.071,206.04 A 10,10 0 0 0 537.071,196.04"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="308.536" y="152.043">
+      <tspan x="308.536" y="152.043">Decoder</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #c3d9ff" x="363" y="266.04" width="167" height="60"/>
+    <path style="fill: #c3d9ff" d="M 363,266.04 A 10,10 0 0 0 353,276.04 L 363,276.04 z"/>
+    <path style="fill: #c3d9ff" d="M 540,276.04 A 10,10 0 0 0 530,266.04 L 530,276.04 z"/>
+    <rect style="fill: #c3d9ff" x="353" y="276.04" width="187" height="40"/>
+    <path style="fill: #c3d9ff" d="M 353,316.04 A 10,10 0 0 0 363,326.04 L 363,316.04 z"/>
+    <path style="fill: #c3d9ff" d="M 530,326.04 A 10,10 0 0 0 540,316.04 L 530,316.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="363" y1="266.04" x2="530" y2="266.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="363" y1="326.04" x2="530" y2="326.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 363,266.04 A 10,10 0 0 0 353,276.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 540,276.04 A 10,10 0 0 0 530,266.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="353" y1="276.04" x2="353" y2="316.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="540" y1="276.04" x2="540" y2="316.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 353,316.04 A 10,10 0 0 0 363,326.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 530,326.04 A 10,10 0 0 0 540,316.04"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="446.5" y="302.043">
+      <tspan x="446.5" y="302.043">Encoder</tspan>
+    </text>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="132.95,326.04 128.95,326.04 128.95,507.36 "/>
+    <polygon style="fill: #1af5dd" points="128.95,514.86 123.95,504.86 128.95,507.36 133.95,504.86 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="128.95,514.86 123.95,504.86 128.95,507.36 133.95,504.86 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #ffa500" points="277.95,326.04 274.95,326.04 274.95,507.36 "/>
+    <polygon style="fill: #ffa500" points="274.95,514.86 269.95,504.86 274.95,507.36 279.95,504.86 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #ffa500" points="274.95,514.86 269.95,504.86 274.95,507.36 279.95,504.86 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="128.95,206.04 128.95,247.36 "/>
+    <polygon style="fill: #0000ff" points="128.95,254.86 123.95,244.86 128.95,247.36 133.95,244.86 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="128.95,254.86 123.95,244.86 128.95,247.36 133.95,244.86 "/>
+  </g>
+  <g>
+    <rect style="fill: #7dff7d" x="469.3" y="346.04" width="61.4" height="60"/>
+    <path style="fill: #7dff7d" d="M 469.3,346.04 A 10,10 0 0 0 459.3,356.04 L 469.3,356.04 z"/>
+    <path style="fill: #7dff7d" d="M 540.7,356.04 A 10,10 0 0 0 530.7,346.04 L 530.7,356.04 z"/>
+    <rect style="fill: #7dff7d" x="459.3" y="356.04" width="81.4" height="40"/>
+    <path style="fill: #7dff7d" d="M 459.3,396.04 A 10,10 0 0 0 469.3,406.04 L 469.3,396.04 z"/>
+    <path style="fill: #7dff7d" d="M 530.7,406.04 A 10,10 0 0 0 540.7,396.04 L 530.7,396.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="469.3" y1="346.04" x2="530.7" y2="346.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="469.3" y1="406.04" x2="530.7" y2="406.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 469.3,346.04 A 10,10 0 0 0 459.3,356.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 540.7,356.04 A 10,10 0 0 0 530.7,346.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="459.3" y1="356.04" x2="459.3" y2="396.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="540.7" y1="356.04" x2="540.7" y2="396.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 459.3,396.04 A 10,10 0 0 0 469.3,406.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 530.7,406.04 A 10,10 0 0 0 540.7,396.04"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="500" y="382.043">
+      <tspan x="500" y="382.043">Cache</tspan>
+    </text>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="400" y="226.04">
+    <tspan x="400" y="226.04"></tspan>
+  </text>
+  <text font-size="22.5778" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:700" x="200" y="66.04">
+    <tspan x="200" y="66.04">TimeSide Engine</tspan>
+  </text>
+  <g>
+    <rect style="fill: #ff0400" x="710" y="146.04" width="158.05" height="69.3889"/>
+    <path style="fill: #ff0400" d="M 710,146.04 A 10,10 0 0 0 700,156.04 L 710,156.04 z"/>
+    <path style="fill: #ff0400" d="M 878.05,156.04 A 10,10 0 0 0 868.05,146.04 L 868.05,156.04 z"/>
+    <rect style="fill: #ff0400" x="700" y="156.04" width="178.05" height="49.3889"/>
+    <path style="fill: #ff0400" d="M 700,205.429 A 10,10 0 0 0 710,215.429 L 710,205.429 z"/>
+    <path style="fill: #ff0400" d="M 868.05,215.429 A 10,10 0 0 0 878.05,205.429 L 868.05,205.429 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="710" y1="146.04" x2="868.05" y2="146.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="710" y1="215.429" x2="868.05" y2="215.429"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 710,146.04 A 10,10 0 0 0 700,156.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 878.05,156.04 A 10,10 0 0 0 868.05,146.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="700" y1="156.04" x2="700" y2="205.429"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="878.05" y1="156.04" x2="878.05" y2="205.429"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 700,205.429 A 10,10 0 0 0 710,215.429"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 868.05,215.429 A 10,10 0 0 0 878.05,205.429"/>
+    <text font-size="19.7556" style="fill: #ffffff;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="789.025" y="174.39">
+      <tspan x="789.025" y="174.39">Metadata</tspan>
+      <tspan x="789.025" y="199.084">(ID3, OGG)</tspan>
+    </text>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="308.536" y="146.04">
+    <tspan x="308.536" y="146.04"></tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #ff0000" points="488,206.04 488,247.36 "/>
+    <polygon style="fill: #ff0000" points="488,254.86 483,244.86 488,247.36 493,244.86 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #ff0000" points="488,254.86 483,244.86 488,247.36 493,244.86 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="403,206.04 402.828,247.36 "/>
+    <polygon style="fill: #0000ff" points="402.797,254.86 397.838,244.839 402.828,247.36 407.838,244.881 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="402.797,254.86 397.838,244.839 402.828,247.36 407.838,244.881 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="278,207.04 277.966,247.36 "/>
+    <polygon style="fill: #0000ff" points="277.959,254.86 272.968,244.855 277.966,247.36 282.968,244.864 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="277.959,254.86 272.968,244.855 277.966,247.36 282.968,244.864 "/>
+  </g>
+  <text font-size="22.5778" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:700" x="240" y="646.04">
+    <tspan x="240" y="646.04">TimeSide UI</tspan>
+  </text>
+  <g>
+    <rect style="fill: #ffff00" x="90" y="526.04" width="440" height="80"/>
+    <path style="fill: #ffff00" d="M 90,526.04 A 10,10 0 0 0 80,536.04 L 90,536.04 z"/>
+    <path style="fill: #ffff00" d="M 540,536.04 A 10,10 0 0 0 530,526.04 L 530,536.04 z"/>
+    <rect style="fill: #ffff00" x="80" y="536.04" width="460" height="60"/>
+    <path style="fill: #ffff00" d="M 80,596.04 A 10,10 0 0 0 90,606.04 L 90,596.04 z"/>
+    <path style="fill: #ffff00" d="M 530,606.04 A 10,10 0 0 0 540,596.04 L 530,596.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="526.04" x2="530" y2="526.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="606.04" x2="530" y2="606.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 90,526.04 A 10,10 0 0 0 80,536.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 540,536.04 A 10,10 0 0 0 530,526.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="80" y1="536.04" x2="80" y2="596.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="540" y1="536.04" x2="540" y2="596.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 80,596.04 A 10,10 0 0 0 90,606.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 530,606.04 A 10,10 0 0 0 540,596.04"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="310" y="572.043">
+      <tspan x="310" y="572.043">Player (HTML5, CSS, JavaScript)</tspan>
+    </text>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="310" y="606.04">
+    <tspan x="310" y="606.04"></tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="500,406.04 500,507.36 "/>
+    <polygon style="fill: #a020f0" points="500,514.86 495,504.86 500,507.36 505,504.86 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="500,514.86 495,504.86 500,507.36 505,504.86 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="380,386.04 380,507.36 "/>
+    <polygon style="fill: #a020f0" points="380,514.86 375,504.86 380,507.36 385,504.86 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="380,514.86 375,504.86 380,507.36 385,504.86 "/>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="620" y="406.04" width="420" height="269"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #ff0000" x="620" y="406.04" width="420" height="269"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="830" y="544.44">
+      <tspan x="830" y="544.44"></tspan>
+    </text>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #0000ff" points="640,486.04 680,486.04 680,486.04 703.556,486.04 "/>
+    <polygon style="fill: #0000ff" points="711.056,486.04 701.056,491.04 703.556,486.04 701.056,481.04 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #0000ff" points="711.056,486.04 701.056,491.04 703.556,486.04 701.056,481.04 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="640,526.04 680,526.04 680,526.04 703.556,526.04 "/>
+    <polygon style="fill: #ff0400" points="711.056,526.04 701.056,531.04 703.556,526.04 701.056,521.04 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="711.056,526.04 701.056,531.04 703.556,526.04 701.056,521.04 "/>
+  </g>
+  <text font-size="19.7556" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="640" y="446.04">
+    <tspan x="640" y="446.04">Legend</tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="640" y="515.04">
+    <tspan x="640" y="515.04"></tspan>
+  </text>
+  <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="740" y="486.04">
+    <tspan x="740" y="486.04">Binary audio data</tspan>
+  </text>
+  <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="740" y="526.04">
+    <tspan x="740" y="526.04">Textual metadata</tspan>
+  </text>
+  <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="740" y="646.04">
+    <tspan x="740" y="646.04">Graph images</tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ffa500" points="640,646.04 680,646.04 680,646.04 703.556,646.04 "/>
+    <polygon style="fill: #ffa500" points="711.056,646.04 701.056,651.04 703.556,646.04 701.056,641.04 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ffa500" points="711.056,646.04 701.056,651.04 703.556,646.04 701.056,641.04 "/>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="820" y="595.04">
+    <tspan x="820" y="595.04"></tspan>
+  </text>
+  <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="740" y="606.04">
+    <tspan x="740" y="606.04">Analysis results</tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #1af5dd" points="640,606.04 680,606.04 680,606.04 703.556,606.04 "/>
+    <polygon style="fill: #1af5dd" points="711.056,606.04 701.056,611.04 703.556,606.04 701.056,601.04 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #1af5dd" points="711.056,606.04 701.056,611.04 703.556,606.04 701.056,601.04 "/>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="820" y="615.04">
+    <tspan x="820" y="615.04"></tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="800" y="646.04">
+    <tspan x="800" y="646.04"></tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #a020f0" points="640,566.04 680,566.04 680,566.04 703.556,566.04 "/>
+    <polygon style="fill: #a020f0" points="711.056,566.04 701.056,571.04 703.556,566.04 701.056,561.04 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #a020f0" points="711.056,566.04 701.056,571.04 703.556,566.04 701.056,561.04 "/>
+  </g>
+  <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="740" y="566.04">
+    <tspan x="740" y="566.04">Audio data + embedded metadata</tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="380,326.04 380,326.04 380,386.04 441.32,386.04 "/>
+    <polygon style="fill: #a020f0" points="448.82,386.04 438.82,391.04 441.32,386.04 438.82,381.04 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="448.82,386.04 438.82,391.04 441.32,386.04 438.82,381.04 "/>
+  </g>
+  <text font-size="22.5778" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:700" x="740" y="66.04">
+    <tspan x="740" y="66.04">Media</tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #0000ff" points="700,116.04 609.4,116.04 609.4,116.04 553.516,116.04 "/>
+    <polygon style="fill: #0000ff" points="546.016,116.04 556.016,111.04 553.516,116.04 556.016,121.04 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #0000ff" points="546.016,116.04 556.016,111.04 553.516,116.04 556.016,121.04 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="700,180.734 660,180.734 660,180 556.444,180 "/>
+    <polygon style="fill: #ff0400" points="548.944,180 558.944,175 556.444,180 558.944,185 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="548.944,180 558.944,175 556.444,180 558.944,185 "/>
+  </g>
+  <g>
+    <rect style="fill: #ff0400" x="688.792" y="276.376" width="200" height="69.3889"/>
+    <path style="fill: #ff0400" d="M 688.792,276.376 A 10,10 0 0 0 678.792,286.376 L 688.792,286.376 z"/>
+    <path style="fill: #ff0400" d="M 898.792,286.376 A 10,10 0 0 0 888.792,276.376 L 888.792,286.376 z"/>
+    <rect style="fill: #ff0400" x="678.792" y="286.376" width="220" height="49.3889"/>
+    <path style="fill: #ff0400" d="M 678.792,335.765 A 10,10 0 0 0 688.792,345.765 L 688.792,335.765 z"/>
+    <path style="fill: #ff0400" d="M 888.792,345.765 A 10,10 0 0 0 898.792,335.765 L 888.792,335.765 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="688.792" y1="276.376" x2="888.792" y2="276.376"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="688.792" y1="345.765" x2="888.792" y2="345.765"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 688.792,276.376 A 10,10 0 0 0 678.792,286.376"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 898.792,286.376 A 10,10 0 0 0 888.792,276.376"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="678.792" y1="286.376" x2="678.792" y2="335.765"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="898.792" y1="286.376" x2="898.792" y2="335.765"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 678.792,335.765 A 10,10 0 0 0 688.792,345.765"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 888.792,345.765 A 10,10 0 0 0 898.792,335.765"/>
+    <text font-size="19.7556" style="fill: #ffffff;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="788.792" y="304.726">
+      <tspan x="788.792" y="304.726">Alternate Metadata</tspan>
+      <tspan x="788.792" y="329.42">(Dublin Core)</tspan>
+    </text>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="678.787,311.07 640,311.07 640,311.04 556.444,311.04 "/>
+    <polygon style="fill: #ff0400" points="548.944,311.04 558.944,306.04 556.444,311.04 558.944,316.04 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="548.944,311.04 558.944,306.04 556.444,311.04 558.944,316.04 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="185.9,296.04 185.18,296.04 185.18,296.04 213.22,296.04 "/>
+    <polygon style="fill: #1af5dd" points="216.37,296.04 212.17,298.14 213.22,296.04 212.17,293.94 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="216.37,296.04 212.17,298.14 213.22,296.04 212.17,293.94 "/>
+  </g>
+  <g>
+    <rect style="fill: #c3d9ff" x="237.55" y="266.04" width="80.8" height="60"/>
+    <path style="fill: #c3d9ff" d="M 237.55,266.04 A 10,10 0 0 0 227.55,276.04 L 237.55,276.04 z"/>
+    <path style="fill: #c3d9ff" d="M 328.35,276.04 A 10,10 0 0 0 318.35,266.04 L 318.35,276.04 z"/>
+    <rect style="fill: #c3d9ff" x="227.55" y="276.04" width="100.8" height="40"/>
+    <path style="fill: #c3d9ff" d="M 227.55,316.04 A 10,10 0 0 0 237.55,326.04 L 237.55,316.04 z"/>
+    <path style="fill: #c3d9ff" d="M 318.35,326.04 A 10,10 0 0 0 328.35,316.04 L 318.35,316.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="237.55" y1="266.04" x2="318.35" y2="266.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="237.55" y1="326.04" x2="318.35" y2="326.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 237.55,266.04 A 10,10 0 0 0 227.55,276.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 328.35,276.04 A 10,10 0 0 0 318.35,266.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="227.55" y1="276.04" x2="227.55" y2="316.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="328.35" y1="276.04" x2="328.35" y2="316.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 227.55,316.04 A 10,10 0 0 0 237.55,326.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 318.35,326.04 A 10,10 0 0 0 328.35,316.04"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="277.95" y="302.043">
+      <tspan x="277.95" y="302.043">Grapher</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #c3d9ff" x="90" y="266.04" width="85.9" height="60"/>
+    <path style="fill: #c3d9ff" d="M 90,266.04 A 10,10 0 0 0 80,276.04 L 90,276.04 z"/>
+    <path style="fill: #c3d9ff" d="M 185.9,276.04 A 10,10 0 0 0 175.9,266.04 L 175.9,276.04 z"/>
+    <rect style="fill: #c3d9ff" x="80" y="276.04" width="105.9" height="40"/>
+    <path style="fill: #c3d9ff" d="M 80,316.04 A 10,10 0 0 0 90,326.04 L 90,316.04 z"/>
+    <path style="fill: #c3d9ff" d="M 175.9,326.04 A 10,10 0 0 0 185.9,316.04 L 175.9,316.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="266.04" x2="175.9" y2="266.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="326.04" x2="175.9" y2="326.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 90,266.04 A 10,10 0 0 0 80,276.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 185.9,276.04 A 10,10 0 0 0 175.9,266.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="80" y1="276.04" x2="80" y2="316.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="185.9" y1="276.04" x2="185.9" y2="316.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 80,316.04 A 10,10 0 0 0 90,326.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 175.9,326.04 A 10,10 0 0 0 185.9,316.04"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="132.95" y="302.043">
+      <tspan x="132.95" y="302.043">Analyzer</tspan>
+    </text>
+  </g>
+</svg>

diff --git a/Common/img/timeside_schema_v3.dia b/Common/img/timeside_schema_v3.dia
new file mode 100644 (file)
index 0000000..8510099
Binary files /dev/null and b/Common/img/timeside_schema_v3.dia differ

diff --git a/Common/img/timeside_schema_v3.pdf b/Common/img/timeside_schema_v3.pdf
new file mode 100644 (file)
index 0000000..1139af9
Binary files /dev/null and b/Common/img/timeside_schema_v3.pdf differ

diff --git a/Common/img/timeside_schema_v3.svg b/Common/img/timeside_schema_v3.svg
new file mode 100644 (file)
index 0000000..abe8530
--- /dev/null
+++ b/Common/img/timeside_schema_v3.svg
@@ -0,0 +1,485 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="55cm" height="44cm" viewBox="38 18 1099 862" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <rect style="fill: #ffffff" x="610" y="20" width="467.573" height="560"/>
+    <path style="fill: #ffffff" d="M 610,20 A 10,10 0 0 0 600,30 L 610,30 z"/>
+    <path style="fill: #ffffff" d="M 1087.57,30 A 10,10 0 0 0 1077.57,20 L 1077.57,30 z"/>
+    <rect style="fill: #ffffff" x="600" y="30" width="487.573" height="540"/>
+    <path style="fill: #ffffff" d="M 600,570 A 10,10 0 0 0 610,580 L 610,570 z"/>
+    <path style="fill: #ffffff" d="M 1077.57,580 A 10,10 0 0 0 1087.57,570 L 1077.57,570 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="610" y1="20" x2="1077.57" y2="20"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="610" y1="580" x2="1077.57" y2="580"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 610,20 A 10,10 0 0 0 600,30"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 1087.57,30 A 10,10 0 0 0 1077.57,20"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="600" y1="30" x2="600" y2="570"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="1087.57" y1="30" x2="1087.57" y2="570"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 600,570 A 10,10 0 0 0 610,580"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 1077.57,580 A 10,10 0 0 0 1087.57,570"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="843.786" y="303.9">
+      <tspan x="843.786" y="303.9"></tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #fce7ff" x="650" y="260" width="380" height="180"/>
+    <path style="fill: #fce7ff" d="M 650,260 A 10,10 0 0 0 640,270 L 650,270 z"/>
+    <path style="fill: #fce7ff" d="M 1040,270 A 10,10 0 0 0 1030,260 L 1030,270 z"/>
+    <rect style="fill: #fce7ff" x="640" y="270" width="400" height="160"/>
+    <path style="fill: #fce7ff" d="M 640,430 A 10,10 0 0 0 650,440 L 650,430 z"/>
+    <path style="fill: #fce7ff" d="M 1030,440 A 10,10 0 0 0 1040,430 L 1030,430 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="650" y1="260" x2="1030" y2="260"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="650" y1="440" x2="1030" y2="440"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 650,260 A 10,10 0 0 0 640,270"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 1040,270 A 10,10 0 0 0 1030,260"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="640" y1="270" x2="640" y2="430"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="1040" y1="270" x2="1040" y2="430"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 640,430 A 10,10 0 0 0 650,440"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 1030,440 A 10,10 0 0 0 1040,430"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="840" y="353.9">
+      <tspan x="840" y="353.9"></tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #fdf4df" x="50" y="20" width="520" height="440"/>
+    <path style="fill: #fdf4df" d="M 50,20 A 10,10 0 0 0 40,30 L 50,30 z"/>
+    <path style="fill: #fdf4df" d="M 580,30 A 10,10 0 0 0 570,20 L 570,30 z"/>
+    <rect style="fill: #fdf4df" x="40" y="30" width="540" height="420"/>
+    <path style="fill: #fdf4df" d="M 40,450 A 10,10 0 0 0 50,460 L 50,450 z"/>
+    <path style="fill: #fdf4df" d="M 570,460 A 10,10 0 0 0 580,450 L 570,450 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="50" y1="20" x2="570" y2="20"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="50" y1="460" x2="570" y2="460"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 50,20 A 10,10 0 0 0 40,30"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 580,30 A 10,10 0 0 0 570,20"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="40" y1="30" x2="40" y2="450"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="580" y1="30" x2="580" y2="450"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 40,450 A 10,10 0 0 0 50,460"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 570,460 A 10,10 0 0 0 580,450"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="310" y="243.9">
+      <tspan x="310" y="243.9"></tspan>
+    </text>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="680,400 430.189,400 430.189,400.101 196.823,400.101 "/>
+    <polygon style="fill: #ff0400" points="189.323,400.101 199.323,395.101 196.823,400.101 199.323,405.101 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="189.323,400.101 199.323,395.101 196.823,400.101 199.323,405.101 "/>
+  </g>
+  <g>
+    <rect style="fill: #fce7ff" x="650" y="80" width="380" height="158.605"/>
+    <path style="fill: #fce7ff" d="M 650,80 A 10,10 0 0 0 640,90 L 650,90 z"/>
+    <path style="fill: #fce7ff" d="M 1040,90 A 10,10 0 0 0 1030,80 L 1030,90 z"/>
+    <rect style="fill: #fce7ff" x="640" y="90" width="400" height="138.605"/>
+    <path style="fill: #fce7ff" d="M 640,228.605 A 10,10 0 0 0 650,238.605 L 650,228.605 z"/>
+    <path style="fill: #fce7ff" d="M 1030,238.605 A 10,10 0 0 0 1040,228.605 L 1030,228.605 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="650" y1="80" x2="1030" y2="80"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="650" y1="238.605" x2="1030" y2="238.605"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 650,80 A 10,10 0 0 0 640,90"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 1040,90 A 10,10 0 0 0 1030,80"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="640" y1="90" x2="640" y2="228.605"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="1040" y1="90" x2="1040" y2="228.605"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 640,228.605 A 10,10 0 0 0 650,238.605"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" d="M 1030,238.605 A 10,10 0 0 0 1040,228.605"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="840" y="163.202">
+      <tspan x="840" y="163.202"></tspan>
+    </text>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="116.843,342.236 116.843,479.343 621.32,479.343 "/>
+    <polygon style="fill: #1af5dd" points="628.82,479.343 618.82,484.343 621.32,479.343 618.82,474.343 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="628.82,479.343 618.82,484.343 621.32,479.343 618.82,474.343 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="117.172,320 117.172,541.32 "/>
+    <polygon style="fill: #1af5dd" points="117.172,548.82 112.172,538.82 117.172,541.32 122.172,538.82 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="117.172,548.82 112.172,538.82 117.172,541.32 122.172,538.82 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #ffa500" points="279.364,342.236 280,342.236 280,541.32 "/>
+    <polygon style="fill: #ffa500" points="280,548.82 275,538.82 280,541.32 285,538.82 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #ffa500" points="280,548.82 275,538.82 280,541.32 285,538.82 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="120,199.799 120,261.119 "/>
+    <polygon style="fill: #0000ff" points="120,268.619 115,258.619 120,261.119 125,258.619 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="120,268.619 115,258.619 120,261.119 125,258.619 "/>
+  </g>
+  <g>
+    <rect style="fill: #7dff7d" x="650" y="460" width="200" height="100"/>
+    <path style="fill: #7dff7d" d="M 650,460 A 10,10 0 0 0 640,470 L 650,470 z"/>
+    <path style="fill: #7dff7d" d="M 860,470 A 10,10 0 0 0 850,460 L 850,470 z"/>
+    <rect style="fill: #7dff7d" x="640" y="470" width="220" height="80"/>
+    <path style="fill: #7dff7d" d="M 640,550 A 10,10 0 0 0 650,560 L 650,550 z"/>
+    <path style="fill: #7dff7d" d="M 850,560 A 10,10 0 0 0 860,550 L 850,550 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="650" y1="460" x2="850" y2="460"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="650" y1="560" x2="850" y2="560"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 650,460 A 10,10 0 0 0 640,470"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 860,470 A 10,10 0 0 0 850,460"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="640" y1="470" x2="640" y2="550"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="860" y1="470" x2="860" y2="550"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 640,550 A 10,10 0 0 0 650,560"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 850,560 A 10,10 0 0 0 860,550"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="750" y="516.003">
+      <tspan x="750" y="516.003">Cache</tspan>
+    </text>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="400" y="226.04">
+    <tspan x="400" y="226.04"></tspan>
+  </text>
+  <text font-size="22.5778" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:700" x="203.775" y="60">
+    <tspan x="203.775" y="60">TimeSide Engine</tspan>
+  </text>
+  <g>
+    <rect style="fill: #ff0400" x="670" y="156.895" width="158.05" height="63.1046"/>
+    <path style="fill: #ff0400" d="M 670,156.895 A 10,10 0 0 0 660,166.895 L 670,166.895 z"/>
+    <path style="fill: #ff0400" d="M 838.05,166.895 A 10,10 0 0 0 828.05,156.895 L 828.05,166.895 z"/>
+    <rect style="fill: #ff0400" x="660" y="166.895" width="178.05" height="43.1046"/>
+    <path style="fill: #ff0400" d="M 660,210 A 10,10 0 0 0 670,220 L 670,210 z"/>
+    <path style="fill: #ff0400" d="M 828.05,220 A 10,10 0 0 0 838.05,210 L 828.05,210 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="670" y1="156.895" x2="828.05" y2="156.895"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="670" y1="220" x2="828.05" y2="220"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 670,156.895 A 10,10 0 0 0 660,166.895"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 838.05,166.895 A 10,10 0 0 0 828.05,156.895"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="660" y1="166.895" x2="660" y2="210"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="838.05" y1="166.895" x2="838.05" y2="210"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 660,210 A 10,10 0 0 0 670,220"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 828.05,220 A 10,10 0 0 0 838.05,210"/>
+    <text font-size="19.7556" style="fill: #ffffff;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="749.025" y="194.45">
+      <tspan x="749.025" y="194.45">Metadata</tspan>
+    </text>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="308.536" y="146.04">
+    <tspan x="308.536" y="146.04"></tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #ff0000" points="480,200 480,261.32 "/>
+    <polygon style="fill: #ff0000" points="480,268.82 475,258.82 480,261.32 485,258.82 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #ff0000" points="480,268.82 475,258.82 480,261.32 485,258.82 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="400,200 399.809,260.862 "/>
+    <polygon style="fill: #0000ff" points="399.785,268.362 394.817,258.346 399.809,260.862 404.817,258.377 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="399.785,268.362 394.817,258.346 399.809,260.862 404.817,258.377 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="280,200 279.514,260.862 "/>
+    <polygon style="fill: #0000ff" points="279.454,268.362 274.534,258.322 279.514,260.862 284.533,258.402 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #0000ff" points="279.454,268.362 274.534,258.322 279.514,260.862 284.533,258.402 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="640,520 480,520 480,541.32 "/>
+    <polygon style="fill: #a020f0" points="480,548.82 475,538.82 480,541.32 485,538.82 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="480,548.82 475,538.82 480,541.32 485,538.82 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="440,360 440,541.32 "/>
+    <polygon style="fill: #a020f0" points="440,548.82 435,538.82 440,541.32 445,538.82 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="440,548.82 435,538.82 440,541.32 445,538.82 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="440,302.828 440,302.828 440,500 621.32,500 "/>
+    <polygon style="fill: #a020f0" points="628.82,500 618.82,505 621.32,500 618.82,495 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #a020f0" points="628.82,500 618.82,505 621.32,500 618.82,495 "/>
+  </g>
+  <text font-size="22.5778" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:700" x="909.497" y="167.127">
+    <tspan x="909.497" y="167.127">Media</tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #0000ff" points="674.142,116.69 674.142,120 550.586,120 "/>
+    <polygon style="fill: #0000ff" points="543.086,120 553.086,115 550.586,120 553.086,125 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #0000ff" points="543.086,120 553.086,115 550.586,120 553.086,125 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="660,188.448 620,188.448 620,160 556.444,160 "/>
+    <polygon style="fill: #ff0400" points="548.944,160 558.944,155 556.444,160 558.944,165 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="548.944,160 558.944,155 556.444,160 558.944,165 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="660,311.347 640,311.347 640,310.889 556.444,310.889 "/>
+    <polygon style="fill: #ff0400" points="548.944,310.889 558.944,305.889 556.444,310.889 558.944,315.889 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="548.944,310.889 558.944,305.889 556.444,310.889 558.944,315.889 "/>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="178.793,310.889 100.537,310.889 100.537,310.889 205.634,310.889 "/>
+    <polygon style="fill: #1af5dd" points="208.784,310.889 204.584,312.989 205.634,310.889 204.584,308.789 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #1af5dd" points="208.784,310.889 204.584,312.989 205.634,310.889 204.584,308.789 "/>
+  </g>
+  <g>
+    <rect style="fill: #c3d9ff" x="229.964" y="279.542" width="98.8" height="62.6944"/>
+    <path style="fill: #c3d9ff" d="M 229.964,279.542 A 10,10 0 0 0 219.964,289.542 L 229.964,289.542 z"/>
+    <path style="fill: #c3d9ff" d="M 338.764,289.542 A 10,10 0 0 0 328.764,279.542 L 328.764,289.542 z"/>
+    <rect style="fill: #c3d9ff" x="219.964" y="289.542" width="118.8" height="42.6944"/>
+    <path style="fill: #c3d9ff" d="M 219.964,332.236 A 10,10 0 0 0 229.964,342.236 L 229.964,332.236 z"/>
+    <path style="fill: #c3d9ff" d="M 328.764,342.236 A 10,10 0 0 0 338.764,332.236 L 328.764,332.236 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="229.964" y1="279.542" x2="328.764" y2="279.542"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="229.964" y1="342.236" x2="328.764" y2="342.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 229.964,279.542 A 10,10 0 0 0 219.964,289.542"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 338.764,289.542 A 10,10 0 0 0 328.764,279.542"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="219.964" y1="289.542" x2="219.964" y2="332.236"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="338.764" y1="289.542" x2="338.764" y2="332.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 219.964,332.236 A 10,10 0 0 0 229.964,342.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 328.764,342.236 A 10,10 0 0 0 338.764,332.236"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="279.364" y="316.892">
+      <tspan x="279.364" y="316.892">Grapher</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #c3d9ff" x="64.8934" y="279.542" width="103.9" height="62.6944"/>
+    <path style="fill: #c3d9ff" d="M 64.8934,279.542 A 10,10 0 0 0 54.8934,289.542 L 64.8934,289.542 z"/>
+    <path style="fill: #c3d9ff" d="M 178.793,289.542 A 10,10 0 0 0 168.793,279.542 L 168.793,289.542 z"/>
+    <rect style="fill: #c3d9ff" x="54.8934" y="289.542" width="123.9" height="42.6944"/>
+    <path style="fill: #c3d9ff" d="M 54.8934,332.236 A 10,10 0 0 0 64.8934,342.236 L 64.8934,332.236 z"/>
+    <path style="fill: #c3d9ff" d="M 168.793,342.236 A 10,10 0 0 0 178.793,332.236 L 168.793,332.236 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="64.8934" y1="279.542" x2="168.793" y2="279.542"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="64.8934" y1="342.236" x2="168.793" y2="342.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 64.8934,279.542 A 10,10 0 0 0 54.8934,289.542"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 178.793,289.542 A 10,10 0 0 0 168.793,279.542"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="54.8934" y1="289.542" x2="54.8934" y2="332.236"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="178.793" y1="289.542" x2="178.793" y2="332.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 54.8934,332.236 A 10,10 0 0 0 64.8934,342.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 168.793,342.236 A 10,10 0 0 0 178.793,332.236"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="116.843" y="316.892">
+      <tspan x="116.843" y="316.892">Analyzer</tspan>
+    </text>
+  </g>
+  <text font-size="22.5778" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:700" x="697.811" y="60">
+    <tspan x="697.811" y="60">Web Server (Telemeta)</tspan>
+  </text>
+  <g>
+    <rect style="fill: #c3d9ff" x="363" y="279.542" width="167" height="62.6944"/>
+    <path style="fill: #c3d9ff" d="M 363,279.542 A 10,10 0 0 0 353,289.542 L 363,289.542 z"/>
+    <path style="fill: #c3d9ff" d="M 540,289.542 A 10,10 0 0 0 530,279.542 L 530,289.542 z"/>
+    <rect style="fill: #c3d9ff" x="353" y="289.542" width="187" height="42.6944"/>
+    <path style="fill: #c3d9ff" d="M 353,332.236 A 10,10 0 0 0 363,342.236 L 363,332.236 z"/>
+    <path style="fill: #c3d9ff" d="M 530,342.236 A 10,10 0 0 0 540,332.236 L 530,332.236 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="363" y1="279.542" x2="530" y2="279.542"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="363" y1="342.236" x2="530" y2="342.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 363,279.542 A 10,10 0 0 0 353,289.542"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 540,289.542 A 10,10 0 0 0 530,279.542"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="353" y1="289.542" x2="353" y2="332.236"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="540" y1="289.542" x2="540" y2="332.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 353,332.236 A 10,10 0 0 0 363,342.236"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 530,342.236 A 10,10 0 0 0 540,332.236"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="446.5" y="316.892">
+      <tspan x="446.5" y="316.892">Encoder</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #c3d9ff" x="90" y="86.04" width="437.071" height="120"/>
+    <path style="fill: #c3d9ff" d="M 90,86.04 A 10,10 0 0 0 80,96.04 L 90,96.04 z"/>
+    <path style="fill: #c3d9ff" d="M 537.071,96.04 A 10,10 0 0 0 527.071,86.04 L 527.071,96.04 z"/>
+    <rect style="fill: #c3d9ff" x="80" y="96.04" width="457.071" height="100"/>
+    <path style="fill: #c3d9ff" d="M 80,196.04 A 10,10 0 0 0 90,206.04 L 90,196.04 z"/>
+    <path style="fill: #c3d9ff" d="M 527.071,206.04 A 10,10 0 0 0 537.071,196.04 L 527.071,196.04 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="86.04" x2="527.071" y2="86.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="206.04" x2="527.071" y2="206.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 90,86.04 A 10,10 0 0 0 80,96.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 537.071,96.04 A 10,10 0 0 0 527.071,86.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="80" y1="96.04" x2="80" y2="196.04"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="537.071" y1="96.04" x2="537.071" y2="196.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 80,196.04 A 10,10 0 0 0 90,206.04"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 527.071,206.04 A 10,10 0 0 0 537.071,196.04"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="308.536" y="152.043">
+      <tspan x="308.536" y="152.043">Decoder</tspan>
+    </text>
+  </g>
+  <text font-size="22.5778" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:700" x="958.787" y="340">
+    <tspan x="958.787" y="340">Expert</tspan>
+    <tspan x="958.787" y="368.222">Metadata</tspan>
+  </text>
+  <g>
+    <rect style="fill: #ff0400" x="670" y="364.243" width="197.945" height="59.7655"/>
+    <path style="fill: #ff0400" d="M 670,364.243 A 10,10 0 0 0 660,374.243 L 670,374.243 z"/>
+    <path style="fill: #ff0400" d="M 877.945,374.243 A 10,10 0 0 0 867.945,364.243 L 867.945,374.243 z"/>
+    <rect style="fill: #ff0400" x="660" y="374.243" width="217.945" height="39.7655"/>
+    <path style="fill: #ff0400" d="M 660,414.008 A 10,10 0 0 0 670,424.008 L 670,414.008 z"/>
+    <path style="fill: #ff0400" d="M 867.945,424.008 A 10,10 0 0 0 877.945,414.008 L 867.945,414.008 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="670" y1="364.243" x2="867.945" y2="364.243"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="670" y1="424.008" x2="867.945" y2="424.008"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 670,364.243 A 10,10 0 0 0 660,374.243"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 877.945,374.243 A 10,10 0 0 0 867.945,364.243"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="660" y1="374.243" x2="660" y2="414.008"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="877.945" y1="374.243" x2="877.945" y2="414.008"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 660,414.008 A 10,10 0 0 0 670,424.008"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 867.945,424.008 A 10,10 0 0 0 877.945,414.008"/>
+    <text font-size="19.7556" style="fill: #ffffff;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="768.972" y="400.128">
+      <tspan x="768.972" y="400.128">Annotations</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #ff0400" x="670" y="280" width="200.874" height="62.6944"/>
+    <path style="fill: #ff0400" d="M 670,280 A 10,10 0 0 0 660,290 L 670,290 z"/>
+    <path style="fill: #ff0400" d="M 880.874,290 A 10,10 0 0 0 870.874,280 L 870.874,290 z"/>
+    <rect style="fill: #ff0400" x="660" y="290" width="220.874" height="42.6944"/>
+    <path style="fill: #ff0400" d="M 660,332.694 A 10,10 0 0 0 670,342.694 L 670,332.694 z"/>
+    <path style="fill: #ff0400" d="M 870.874,342.694 A 10,10 0 0 0 880.874,332.694 L 870.874,332.694 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="670" y1="280" x2="870.874" y2="280"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="670" y1="342.694" x2="870.874" y2="342.694"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 670,280 A 10,10 0 0 0 660,290"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 880.874,290 A 10,10 0 0 0 870.874,280"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="660" y1="290" x2="660" y2="332.694"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="880.874" y1="290" x2="880.874" y2="332.694"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 660,332.694 A 10,10 0 0 0 670,342.694"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 870.874,342.694 A 10,10 0 0 0 880.874,332.694"/>
+    <text font-size="19.7556" style="fill: #ffffff;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="770.437" y="317.35">
+      <tspan x="770.437" y="317.35">Archives Metadata</tspan>
+    </text>
+  </g>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #8b6914" points="580,660 580,660 760,660 760,598.68 "/>
+    <polygon style="fill: #8b6914" points="760,591.18 765,601.18 760,598.68 755,601.18 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 10; stroke: #8b6914" points="760,591.18 765,601.18 760,598.68 755,601.18 "/>
+  </g>
+  <g>
+    <rect style="fill: #1e90ff" x="670" y="85.3431" width="157.071" height="62.6944"/>
+    <path style="fill: #1e90ff" d="M 670,85.3431 A 10,10 0 0 0 660,95.3431 L 670,95.3431 z"/>
+    <path style="fill: #1e90ff" d="M 837.071,95.3431 A 10,10 0 0 0 827.071,85.3431 L 827.071,95.3431 z"/>
+    <rect style="fill: #1e90ff" x="660" y="95.3431" width="177.071" height="42.6944"/>
+    <path style="fill: #1e90ff" d="M 660,138.038 A 10,10 0 0 0 670,148.038 L 670,138.038 z"/>
+    <path style="fill: #1e90ff" d="M 827.071,148.038 A 10,10 0 0 0 837.071,138.038 L 827.071,138.038 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="670" y1="85.3431" x2="827.071" y2="85.3431"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="670" y1="148.038" x2="827.071" y2="148.038"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 670,85.3431 A 10,10 0 0 0 660,95.3431"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 837.071,95.3431 A 10,10 0 0 0 827.071,85.3431"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="660" y1="95.3431" x2="660" y2="138.038"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="837.071" y1="95.3431" x2="837.071" y2="138.038"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 660,138.038 A 10,10 0 0 0 670,148.038"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 827.071,148.038 A 10,10 0 0 0 837.071,138.038"/>
+    <text font-size="19.7556" style="fill: #ffffff;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="748.536" y="122.693">
+      <tspan x="748.536" y="122.693">Audio</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #fdf4df" x="50" y="560" width="520" height="165.255"/>
+    <path style="fill: #fdf4df" d="M 50,560 A 10,10 0 0 0 40,570 L 50,570 z"/>
+    <path style="fill: #fdf4df" d="M 580,570 A 10,10 0 0 0 570,560 L 570,570 z"/>
+    <rect style="fill: #fdf4df" x="40" y="570" width="540" height="145.255"/>
+    <path style="fill: #fdf4df" d="M 40,715.255 A 10,10 0 0 0 50,725.255 L 50,715.255 z"/>
+    <path style="fill: #fdf4df" d="M 570,725.255 A 10,10 0 0 0 580,715.255 L 570,715.255 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="50" y1="560" x2="570" y2="560"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="50" y1="725.255" x2="570" y2="725.255"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 50,560 A 10,10 0 0 0 40,570"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 580,570 A 10,10 0 0 0 570,560"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="40" y1="570" x2="40" y2="715.255"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" x1="580" y1="570" x2="580" y2="715.255"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 40,715.255 A 10,10 0 0 0 50,725.255"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 3; stroke: #000000" d="M 570,725.255 A 10,10 0 0 0 580,715.255"/>
+    <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="310" y="646.527">
+      <tspan x="310" y="646.527"></tspan>
+    </text>
+  </g>
+  <text font-size="22.5778" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:700" x="240" y="688.284">
+    <tspan x="240" y="688.284">TimeSide UI</tspan>
+  </text>
+  <g>
+    <rect style="fill: #ffff00" x="90" y="578.184" width="440" height="78.9689"/>
+    <path style="fill: #ffff00" d="M 90,578.184 A 10,10 0 0 0 80,588.184 L 90,588.184 z"/>
+    <path style="fill: #ffff00" d="M 540,588.184 A 10,10 0 0 0 530,578.184 L 530,588.184 z"/>
+    <rect style="fill: #ffff00" x="80" y="588.184" width="460" height="58.9689"/>
+    <path style="fill: #ffff00" d="M 80,647.153 A 10,10 0 0 0 90,657.153 L 90,647.153 z"/>
+    <path style="fill: #ffff00" d="M 530,657.153 A 10,10 0 0 0 540,647.153 L 530,647.153 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="578.184" x2="530" y2="578.184"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="90" y1="657.153" x2="530" y2="657.153"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 90,578.184 A 10,10 0 0 0 80,588.184"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 540,588.184 A 10,10 0 0 0 530,578.184"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="80" y1="588.184" x2="80" y2="647.153"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="540" y1="588.184" x2="540" y2="647.153"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 80,647.153 A 10,10 0 0 0 90,657.153"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 530,657.153 A 10,10 0 0 0 540,647.153"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="310" y="623.671">
+      <tspan x="310" y="623.671">Player (HTML5, CSS, JavaScript)</tspan>
+    </text>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="310" y="657.153">
+    <tspan x="310" y="657.153"></tspan>
+  </text>
+  <g>
+    <g>
+      <rect style="fill: #ffffff" x="800" y="600" width="337.172" height="280"/>
+      <rect style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #ff0000" x="800" y="600" width="337.172" height="280"/>
+      <text font-size="12.8" style="fill: #00ff00;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="968.586" y="743.9">
+        <tspan x="968.586" y="743.9"></tspan>
+      </text>
+    </g>
+    <g>
+      <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #0000ff" points="821.172,667 861.172,667 861.172,667 884.727,667 "/>
+      <polygon style="fill: #0000ff" points="892.227,667 882.227,672 884.727,667 882.227,662 "/>
+      <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #0000ff" points="892.227,667 882.227,672 884.727,667 882.227,662 "/>
+    </g>
+    <g>
+      <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="821.172,707 861.172,707 861.172,707 884.727,707 "/>
+      <polygon style="fill: #ff0400" points="892.227,707 882.227,712 884.727,707 882.227,702 "/>
+      <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ff0400" points="892.227,707 882.227,712 884.727,707 882.227,702 "/>
+    </g>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:700" x="821.172" y="627">
+      <tspan x="821.172" y="627">Legend</tspan>
+    </text>
+    <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="821.172" y="696">
+      <tspan x="821.172" y="696"></tspan>
+    </text>
+    <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="921.172" y="667">
+      <tspan x="921.172" y="667">Binary audio data</tspan>
+    </text>
+    <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="921.172" y="707">
+      <tspan x="921.172" y="707">Textual metadata</tspan>
+    </text>
+    <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="921.172" y="827">
+      <tspan x="921.172" y="827">Graph images</tspan>
+    </text>
+    <g>
+      <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ffa500" points="817.172,820 857.172,820 857.172,820 880.727,820 "/>
+      <polygon style="fill: #ffa500" points="888.227,820 878.227,825 880.727,820 878.227,815 "/>
+      <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #ffa500" points="888.227,820 878.227,825 880.727,820 878.227,815 "/>
+    </g>
+    <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="1001.17" y="776">
+      <tspan x="1001.17" y="776"></tspan>
+    </text>
+    <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="921.172" y="787">
+      <tspan x="921.172" y="787">Analysis results</tspan>
+    </text>
+    <g>
+      <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #1af5dd" points="821.172,787 861.172,787 861.172,787 884.727,787 "/>
+      <polygon style="fill: #1af5dd" points="892.227,787 882.227,792 884.727,787 882.227,782 "/>
+      <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #1af5dd" points="892.227,787 882.227,792 884.727,787 882.227,782 "/>
+    </g>
+    <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="1001.17" y="796">
+      <tspan x="1001.17" y="796"></tspan>
+    </text>
+    <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="981.172" y="827">
+      <tspan x="981.172" y="827"></tspan>
+    </text>
+    <g>
+      <polyline style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #a020f0" points="821.172,747 861.172,747 861.172,747 884.727,747 "/>
+      <polygon style="fill: #a020f0" points="892.227,747 882.227,752 884.727,747 882.227,742 "/>
+      <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #a020f0" points="892.227,747 882.227,752 884.727,747 882.227,742 "/>
+    </g>
+    <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="921.172" y="747">
+      <tspan x="921.172" y="747">Audio data &amp; metadata </tspan>
+    </text>
+    <g>
+      <line style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #8b6914" x1="820" y1="860" x2="883.556" y2="860"/>
+      <polygon style="fill: #8b6914" points="891.056,860 881.056,865 883.556,860 881.056,855 "/>
+      <polygon style="fill: none; fill-opacity:0; stroke-width: 8; stroke: #8b6914" points="891.056,860 881.056,865 883.556,860 881.056,855 "/>
+    </g>
+    <text font-size="16.9333" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="917.172" y="864.972">
+      <tspan x="917.172" y="864.972">HTTP Requests</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #c3d9ff" x="63.3079" y="370.101" width="107.071" height="60"/>
+    <path style="fill: #c3d9ff" d="M 63.3079,370.101 A 10,10 0 0 0 53.3079,380.101 L 63.3079,380.101 z"/>
+    <path style="fill: #c3d9ff" d="M 180.379,380.101 A 10,10 0 0 0 170.379,370.101 L 170.379,380.101 z"/>
+    <rect style="fill: #c3d9ff" x="53.3079" y="380.101" width="127.071" height="40"/>
+    <path style="fill: #c3d9ff" d="M 53.3079,420.101 A 10,10 0 0 0 63.3079,430.101 L 63.3079,420.101 z"/>
+    <path style="fill: #c3d9ff" d="M 170.379,430.101 A 10,10 0 0 0 180.379,420.101 L 170.379,420.101 z"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="63.3079" y1="370.101" x2="170.379" y2="370.101"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="63.3079" y1="430.101" x2="170.379" y2="430.101"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 63.3079,370.101 A 10,10 0 0 0 53.3079,380.101"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 180.379,380.101 A 10,10 0 0 0 170.379,370.101"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="53.3079" y1="380.101" x2="53.3079" y2="420.101"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" x1="180.379" y1="380.101" x2="180.379" y2="420.101"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 53.3079,420.101 A 10,10 0 0 0 63.3079,430.101"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2.35099e-37; stroke: #000000" d="M 170.379,430.101 A 10,10 0 0 0 180.379,420.101"/>
+    <text font-size="19.7556" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="116.843" y="406.103">
+      <tspan x="116.843" y="406.103">Serializer</tspan>
+    </text>
+  </g>
+</svg>