SVG – Learning by Coding
1: <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
2: <?xml-stylesheet href="mspecsvg.css" type="text/css"?>
3: <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
4: "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
5: <!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">
6: ]>
7:
8: <!-- SVG - Learning by Coding - http://www.datenverdrahten.de/svglbc/ -->
9: <!-- Author: Dr. Thomas Meinike 02/03 - thomas@handmadecode.de -->
10:
11: <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
12: onload="getSVGDoc(evt)" onzoom="ZoomControl()">
13: <!-- generated by mspec_svg.xsl, (C) MSpec::SVG by Dr. Thomas Meinike 2002 -->
14:
15: <!-- saved from http://www.et.fh-merseburg.de/person/meinike/mspecsvg/ -->
16:
17: <!-- Beschreibung des Dokuments -->
18: <title>Massenspektrum in SVG</title>
19: <desc>Darstellung der Spektrallinien auf der Basis von XML-Daten</desc>
20: <!-- externe Script-Definitionen -->
21: <defs>
22: <script xlink:href="mspecsvg.js" type="text/javascript"/>
23: </defs>
24: <!-- Inhalt der Grafik -->
25: <g transform="scale(0.83) translate(0,15)">
26: <!-- Achsen zeichnen -->
27: <polyline points="100,50 100,550 850,550"/>
28: <!-- x-Achsenteilung -->
29: <line x1="100" y1="550" x2="100" y2="560"/>
30: <line x1="150" y1="550" x2="150" y2="560"/>
31: <line x1="200" y1="550" x2="200" y2="560"/>
32: <line x1="250" y1="550" x2="250" y2="560"/>
33: <line x1="300" y1="550" x2="300" y2="560"/>
34: <line x1="350" y1="550" x2="350" y2="560"/>
35: <line x1="400" y1="550" x2="400" y2="560"/>
36: <line x1="450" y1="550" x2="450" y2="560"/>
37: <line x1="500" y1="550" x2="500" y2="560"/>
38: <line x1="550" y1="550" x2="550" y2="560"/>
39: <line x1="600" y1="550" x2="600" y2="560"/>
40: <line x1="650" y1="550" x2="650" y2="560"/>
41: <line x1="700" y1="550" x2="700" y2="560"/>
42: <line x1="750" y1="550" x2="750" y2="560"/>
43: <line x1="800" y1="550" x2="800" y2="560"/>
44: <line x1="850" y1="550" x2="850" y2="560"/>
45: <!-- x-Achsenbeschriftung -->
46: <text x="420" y="600" class="achsen">Massenzahl [m/z]</text>
47: <text x="97" y="575">0</text>
48: <text x="143" y="575">10</text>
49: <text x="193" y="575">20</text>
50: <text x="243" y="575">30</text>
51: <text x="293" y="575">40</text>
52: <text x="343" y="575">50</text>
53: <text x="393" y="575">60</text>
54: <text x="443" y="575">70</text>
55: <text x="493" y="575">80</text>
56: <text x="543" y="575">90</text>
57: <text x="590" y="575">100</text>
58: <text x="640" y="575">110</text>
59: <text x="690" y="575">120</text>
60: <text x="740" y="575">130</text>
61: <text x="790" y="575">140</text>
62: <text x="840" y="575">150</text>
63: <!-- y-Achsenteilung -->
64: <line x1="90" y1="550" x2="100" y2="550"/>
65: <line x1="90" y1="500" x2="100" y2="500"/>
66: <line x1="90" y1="450" x2="100" y2="450"/>
67: <line x1="90" y1="400" x2="100" y2="400"/>
68: <line x1="90" y1="350" x2="100" y2="350"/>
69: <line x1="90" y1="300" x2="100" y2="300"/>
70: <line x1="90" y1="250" x2="100" y2="250"/>
71: <line x1="90" y1="200" x2="100" y2="200"/>
72: <line x1="90" y1="150" x2="100" y2="150"/>
73: <line x1="90" y1="100" x2="100" y2="100"/>
74: <line x1="90" y1="50" x2="100" y2="50"/>
75: <!-- y-Achsenbeschriftung -->
76: <text x="70" y="300" class="achsen" transform="translate(-250, 410) rotate(-90)">Intensität [%]</text>
77: <text x="77" y="555">0</text>
78: <text x="70" y="505">10</text>
79: <text x="70" y="455">20</text>
80: <text x="70" y="405">30</text>
81: <text x="70" y="355">40</text>
82: <text x="70" y="305">50</text>
83: <text x="70" y="255">60</text>
84: <text x="70" y="205">70</text>
85: <text x="70" y="155">80</text>
86: <text x="70" y="105">90</text>
87: <text x="64" y="55">100</text>
88: <!-- Ueberschrift -->
89: <text x="100" y="30" class="titel">
90: Massenspektrum von PHENOL, 3-CHLORO- (C6H5CLO)</text>
91: <!-- Spektrum generieren -->
92: <g onmouseout="HideTooltip()">
93: <line y1="550" x1="190" x2="190" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=18, I=0.4%')"/>
94: <line y1="550" x1="230" x2="230" y2="546" class="normal" onmouseover="ShowTooltip(evt,'m/z=26, I=0.8%')"/>
95: <line y1="550" x1="235" x2="235" y2="544" class="normal" onmouseover="ShowTooltip(evt,'m/z=27, I=1.2%')"/>
96: <line y1="550" x1="240" x2="240" y2="524" class="normal" onmouseover="ShowTooltip(evt,'m/z=28, I=5.2%')"/>
97: <line y1="550" x1="245" x2="245" y2="544" class="normal" onmouseover="ShowTooltip(evt,'m/z=29, I=1.2%')"/>
98: <line y1="550" x1="255" x2="255" y2="542" class="normal" onmouseover="ShowTooltip(evt,'m/z=31, I=1.6%')"/>
99: <line y1="550" x1="260" x2="260" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=32, I=0.4%')"/>
100: <line y1="550" x1="275" x2="275" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=35, I=0.4%')"/>
101: <line y1="550" x1="280" x2="280" y2="540" class="normal" onmouseover="ShowTooltip(evt,'m/z=36, I=2%')"/>
102: <line y1="550" x1="285" x2="285" y2="528" class="normal" onmouseover="ShowTooltip(evt,'m/z=37, I=4.4%')"/>
103: <line y1="550" x1="290" x2="290" y2="502" class="normal" onmouseover="ShowTooltip(evt,'m/z=38, I=9.6%')"/>
104: <line y1="550" x1="295" x2="295" y2="450" class="normal" onmouseover="ShowTooltip(evt,'m/z=39, I=20%')"/>
105: <line y1="550" x1="300" x2="300" y2="546" class="normal" onmouseover="ShowTooltip(evt,'m/z=40, I=0.8%')"/>
106: <line y1="550" x1="310" x2="310" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=42, I=0.4%')"/>
107: <line y1="550" x1="315" x2="315" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=43, I=0.4%')"/>
108: <line y1="550" x1="320" x2="320" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=44, I=0.4%')"/>
109: <line y1="550" x1="330" x2="330" y2="540" class="normal" onmouseover="ShowTooltip(evt,'m/z=46, I=2%')"/>
110: <line y1="550" x1="345" x2="345" y2="542" class="normal" onmouseover="ShowTooltip(evt,'m/z=49, I=1.6%')"/>
111: <line y1="550" x1="350" x2="350" y2="534" class="normal" onmouseover="ShowTooltip(evt,'m/z=50, I=3.2%')"/>
112: <line y1="550" x1="355" x2="355" y2="542" class="normal" onmouseover="ShowTooltip(evt,'m/z=51, I=1.6%')"/>
113: <line y1="550" x1="365" x2="365" y2="534" class="normal" onmouseover="ShowTooltip(evt,'m/z=53, I=3.2%')"/>
114: <line y1="550" x1="375" x2="375" y2="546" class="normal" onmouseover="ShowTooltip(evt,'m/z=55, I=0.8%')"/>
115: <line y1="550" x1="400" x2="400" y2="546" class="normal" onmouseover="ShowTooltip(evt,'m/z=60, I=0.8%')"/>
116: <line y1="550" x1="405" x2="405" y2="532" class="normal" onmouseover="ShowTooltip(evt,'m/z=61, I=3.6%')"/>
117: <line y1="550" x1="410" x2="410" y2="522" class="normal" onmouseover="ShowTooltip(evt,'m/z=62, I=5.6%')"/>
118: <line y1="550" x1="415" x2="415" y2="474" class="normal" onmouseover="ShowTooltip(evt,'m/z=63, I=15.2%')"/>
119: <line y1="550" x1="420" x2="420" y2="454" class="normal" onmouseover="ShowTooltip(evt,'m/z=64, I=19.2%')"/>
120: <line y1="550" x1="425" x2="425" y2="378" class="normal" onmouseover="ShowTooltip(evt,'m/z=65, I=34.4%')"/>
121: <line y1="550" x1="430" x2="430" y2="534" class="normal" onmouseover="ShowTooltip(evt,'m/z=66, I=3.2%')"/>
122: <line y1="550" x1="435" x2="435" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=67, I=0.4%')"/>
123: <line y1="550" x1="460" x2="460" y2="546" class="normal" onmouseover="ShowTooltip(evt,'m/z=72, I=0.8%')"/>
124: <line y1="550" x1="465" x2="465" y2="518" class="normal" onmouseover="ShowTooltip(evt,'m/z=73, I=6.4%')"/>
125: <line y1="550" x1="470" x2="470" y2="536" class="normal" onmouseover="ShowTooltip(evt,'m/z=74, I=2.8%')"/>
126: <line y1="550" x1="475" x2="475" y2="532" class="normal" onmouseover="ShowTooltip(evt,'m/z=75, I=3.6%')"/>
127: <line y1="550" x1="535" x2="535" y2="540" class="normal" onmouseover="ShowTooltip(evt,'m/z=87, I=2%')"/>
128: <line y1="550" x1="545" x2="545" y2="546" class="normal" onmouseover="ShowTooltip(evt,'m/z=89, I=0.8%')"/>
129: <line y1="550" x1="555" x2="555" y2="522" class="normal" onmouseover="ShowTooltip(evt,'m/z=91, I=5.6%')"/>
130: <line y1="550" x1="560" x2="560" y2="526" class="normal" onmouseover="ShowTooltip(evt,'m/z=92, I=4.8%')"/>
131: <line y1="550" x1="565" x2="565" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=93, I=0.4%')"/>
132: <line y1="550" x1="570" x2="570" y2="508" class="normal" onmouseover="ShowTooltip(evt,'m/z=94, I=8.4%')"/>
133: <line y1="550" x1="595" x2="595" y2="458" class="normal" onmouseover="ShowTooltip(evt,'m/z=99, I=18.4%')"/>
134: <line y1="550" x1="600" x2="600" y2="536" class="normal" onmouseover="ShowTooltip(evt,'m/z=100, I=2.8%')"/>
135: <line y1="550" x1="610" x2="610" y2="522" class="normal" onmouseover="ShowTooltip(evt,'m/z=102, I=5.6%')"/>
136: <line y1="550" x1="735" x2="735" y2="548" class="normal" onmouseover="ShowTooltip(evt,'m/z=127, I=0.4%')"/>
137: <line y1="550" x1="740" x2="740" y2="50" class="rot" onmouseover="ShowTooltip(evt,'m/z=128, I=100%')"/>
138: <line y1="550" x1="745" x2="745" y2="516" class="normal" onmouseover="ShowTooltip(evt,'m/z=129, I=6.8%')"/>
139: <line y1="550" x1="750" x2="750" y2="386" class="normal" onmouseover="ShowTooltip(evt,'m/z=130, I=32.8%')"/>
140: <line y1="550" x1="755" x2="755" y2="540" class="normal" onmouseover="ShowTooltip(evt,'m/z=131, I=2%')"/>
141: <a xlink:href="http://www.et.fh-merseburg.de/person/meinike/mspecsvg/" target="_top">
142: <text id="textlink" x="100" y="600" class="achsen" style="font-size: 10px; fill: #00C" onmouseover="TextHover('textlink','#FF0000','underline')" onmouseout="TextHover('textlink','#0000CC','none')">
143: MSpec::SVG
144: </text>
145: </a>
146: <text x="162" y="600" class="achsen" style="font-size: 10px; fill: #00C"> | 17.02.2003 – 08:23:06</text>
147: </g>
148: </g>
149: <!-- Tooltip - Beginn (ttr=Tooltip-Rechteck, ttt=Tooltip-Text) -->
150: <g id="tooltip">
151: <rect id="ttr" x="0" y="0" rx="5" ry="5" width="100" height="18" style="visibility: hidden"/>
152: <text id="ttt" x="0" y="0" style="visibility: hidden">dyn. Text</text>
153: </g>
154: <!-- Tooltip - Ende -->
155: </svg>
[zum Anfang]