SVG – Learning by Coding

[ massenspektrum.svg --> Grafik anzeigen ]

  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: <!--    AuthorDrThomas 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, (CMSpec::SVG by DrThomas 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 PHENOL3-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 &#8211; 08:23:06</text>
147:     </g>
148:   </g>
149: <!-- Tooltip Beginn (ttr=Tooltip-Rechteckttt=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">dynText</text>
153:   </g>
154: <!-- Tooltip Ende -->
155: </svg>

[zum Anfang]