Example of TeeChart control exported to SVG (Scalable Vector Graphics) format.

The xml code below displays the following chart. Click the image to enlarge.

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="497px" height="329px" style="text-antialiasing:true">
<rect x="0" y="0" width="498" height="330" fill="rgb(212,208,200)"/>
<polyline fill="none" stroke="white"
points="0,328 0,0 496,0 "/>
<polyline fill="none" stroke="gray"
points="496,0 496,328 -1,328 "/>
<rect x="419" y="37" width="63" height="59" fill="black" stroke="none"/>
<rect x="415" y="33" width="63" height="59" fill="white" stroke="black"/>
<text x="435" y="44" font-family="Arial" font-size="8pt" fill="black">
Series1
</text>
<rect x="421" y="36" width="11" height="11" fill="red" stroke="black"/>
<text x="435" y="58" font-family="Arial" font-size="8pt" fill="black">
Series2
</text>
<rect x="421" y="50" width="11" height="11" fill="green" stroke="black"/>
<text x="435" y="72" font-family="Arial" font-size="8pt" fill="black">
Series3
</text>
<rect x="423" y="66" width="8" height="8" fill="yellow" stroke="black"/>
<text x="435" y="86" font-family="Arial" font-size="8pt" fill="black">
Series5
</text>
<text x="192" y="25" font-family="Arial" font-size="8pt" fill="blue">
TChart
</text>
<defs>
<linearGradient id="Gradient1" >
<stop offset="0%" stop-color="rgb(255,128,192)"/>
<stop offset="100%" stop-color="blue"/>
</linearGradient>
</defs>
<rect fill="url(#Gradient1)" stroke="none" x="67" y="46" width="325" height="225"/>
<polygon fill="none" stroke="black"
points="67,46 391,46 391,270 67,270 "/>
<polygon fill="none" stroke="black"
points="391,46 401,36 401,260 391,270 "/>
<polygon fill="none" stroke="black"
points="67,46 391,46 401,36 77,36 "/>
<polygon fill="rgb(255,255,128)" stroke="black"
points="43,70 53,70 53,294 43,294 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="53,70 77,46 77,270 53,294 "/>
<polygon fill="rgb(191,191,64)" stroke="black"
points="43,70 53,70 77,46 67,46 "/>
<polygon fill="white" stroke="black"
points="53,284 367,284 367,294 53,294 "/>
<polygon fill="rgb(127,127,127)" stroke="black"
points="367,284 391,260 391,270 367,294 "/>
<polygon fill="rgb(191,191,191)" stroke="black"
points="53,284 367,284 391,260 77,260 "/>
<text x="332" y="311" font-family="Arial" font-size="8pt" fill="black">
5
</text>
<text x="282" y="311" font-family="Arial" font-size="8pt" fill="black">
4
</text>
<text x="232" y="311" font-family="Arial" font-size="8pt" fill="black">
3
</text>
<text x="182" y="311" font-family="Arial" font-size="8pt" fill="black">
2
</text>
<text x="132" y="311" font-family="Arial" font-size="8pt" fill="black">
1
</text>
<text x="82" y="311" font-family="Arial" font-size="8pt" fill="black">
0
</text>
<line x1="43" y1="294" x2="367" y2="294" stroke="black"/>
<line x1="335" y1="295" x2="335" y2="299" stroke="gray"/>
<line x1="285" y1="295" x2="285" y2="299" stroke="gray"/>
<line x1="235" y1="295" x2="235" y2="299" stroke="gray"/>
<line x1="185" y1="295" x2="185" y2="299" stroke="gray"/>
<line x1="135" y1="295" x2="135" y2="299" stroke="gray"/>
<line x1="85" y1="295" x2="85" y2="299" stroke="gray"/>
<line x1="359" y1="46" x2="359" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="335" y1="284" x2="359" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="309" y1="46" x2="309" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="285" y1="284" x2="309" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="259" y1="46" x2="259" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="235" y1="284" x2="259" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="209" y1="46" x2="209" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="185" y1="284" x2="209" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="159" y1="46" x2="159" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="135" y1="284" x2="159" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="109" y1="46" x2="109" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="85" y1="284" x2="109" y2="260" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="335" y1="293" x2="335" y2="293" stroke="gray"/>
<line x1="285" y1="293" x2="285" y2="293" stroke="gray"/>
<line x1="235" y1="293" x2="235" y2="293" stroke="gray"/>
<line x1="185" y1="293" x2="185" y2="293" stroke="gray"/>
<line x1="135" y1="293" x2="135" y2="293" stroke="gray"/>
<line x1="85" y1="293" x2="85" y2="293" stroke="gray"/>
<line x1="347" y1="295" x2="347" y2="297" stroke="gray"/>
<line x1="73" y1="295" x2="73" y2="297" stroke="gray"/>
<line x1="360" y1="295" x2="360" y2="297" stroke="gray"/>
<line x1="60" y1="295" x2="60" y2="297" stroke="gray"/>
<line x1="297" y1="295" x2="297" y2="297" stroke="gray"/>
<line x1="310" y1="295" x2="310" y2="297" stroke="gray"/>
<line x1="323" y1="295" x2="323" y2="297" stroke="gray"/>
<line x1="247" y1="295" x2="247" y2="297" stroke="gray"/>
<line x1="260" y1="295" x2="260" y2="297" stroke="gray"/>
<line x1="273" y1="295" x2="273" y2="297" stroke="gray"/>
<line x1="197" y1="295" x2="197" y2="297" stroke="gray"/>
<line x1="210" y1="295" x2="210" y2="297" stroke="gray"/>
<line x1="223" y1="295" x2="223" y2="297" stroke="gray"/>
<line x1="147" y1="295" x2="147" y2="297" stroke="gray"/>
<line x1="160" y1="295" x2="160" y2="297" stroke="gray"/>
<line x1="173" y1="295" x2="173" y2="297" stroke="gray"/>
<line x1="97" y1="295" x2="97" y2="297" stroke="gray"/>
<line x1="110" y1="295" x2="110" y2="297" stroke="gray"/>
<line x1="123" y1="295" x2="123" y2="297" stroke="gray"/>
<text x="18" y="86" font-family="Arial" font-size="8pt" fill="black">
900
</text>
<text x="18" y="107" font-family="Arial" font-size="8pt" fill="black">
800
</text>
<text x="18" y="128" font-family="Arial" font-size="8pt" fill="black">
700
</text>
<text x="18" y="148" font-family="Arial" font-size="8pt" fill="black">
600
</text>
<text x="18" y="169" font-family="Arial" font-size="8pt" fill="black">
500
</text>
<text x="18" y="189" font-family="Arial" font-size="8pt" fill="black">
400
</text>
<text x="18" y="210" font-family="Arial" font-size="8pt" fill="black">
300
</text>
<text x="18" y="231" font-family="Arial" font-size="8pt" fill="black">
200
</text>
<text x="18" y="251" font-family="Arial" font-size="8pt" fill="black">
100
</text>
<text x="30" y="272" font-family="Arial" font-size="8pt" fill="black">
0
</text>
<line x1="43" y1="70" x2="43" y2="294" stroke="black"/>
<line x1="42" y1="83" x2="38" y2="83" stroke="gray"/>
<line x1="42" y1="104" x2="38" y2="104" stroke="gray"/>
<line x1="42" y1="125" x2="38" y2="125" stroke="gray"/>
<line x1="42" y1="145" x2="38" y2="145" stroke="gray"/>
<line x1="42" y1="166" x2="38" y2="166" stroke="gray"/>
<line x1="42" y1="186" x2="38" y2="186" stroke="gray"/>
<line x1="42" y1="207" x2="38" y2="207" stroke="gray"/>
<line x1="42" y1="228" x2="38" y2="228" stroke="gray"/>
<line x1="42" y1="248" x2="38" y2="248" stroke="gray"/>
<line x1="42" y1="269" x2="38" y2="269" stroke="gray"/>
<line x1="77" y1="59" x2="391" y2="59" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="83" x2="77" y2="59" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="80" x2="391" y2="80" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="104" x2="77" y2="80" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="101" x2="391" y2="101" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="125" x2="77" y2="101" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="121" x2="391" y2="121" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="145" x2="77" y2="121" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="142" x2="391" y2="142" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="166" x2="77" y2="142" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="162" x2="391" y2="162" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="186" x2="77" y2="162" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="183" x2="391" y2="183" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="207" x2="77" y2="183" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="204" x2="391" y2="204" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="228" x2="77" y2="204" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="224" x2="391" y2="224" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="248" x2="77" y2="224" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="77" y1="245" x2="391" y2="245" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="53" y1="269" x2="77" y2="245" stroke="gray" stroke-dasharray="2, 2"/>
<line x1="44" y1="83" x2="44" y2="83" stroke="gray"/>
<line x1="44" y1="104" x2="44" y2="104" stroke="gray"/>
<line x1="44" y1="125" x2="44" y2="125" stroke="gray"/>
<line x1="44" y1="145" x2="44" y2="145" stroke="gray"/>
<line x1="44" y1="166" x2="44" y2="166" stroke="gray"/>
<line x1="44" y1="186" x2="44" y2="186" stroke="gray"/>
<line x1="44" y1="207" x2="44" y2="207" stroke="gray"/>
<line x1="44" y1="228" x2="44" y2="228" stroke="gray"/>
<line x1="44" y1="248" x2="44" y2="248" stroke="gray"/>
<line x1="44" y1="269" x2="44" y2="269" stroke="gray"/>
<line x1="42" y1="78" x2="40" y2="78" stroke="gray"/>
<line x1="42" y1="274" x2="40" y2="274" stroke="gray"/>
<line x1="42" y1="73" x2="40" y2="73" stroke="gray"/>
<line x1="42" y1="279" x2="40" y2="279" stroke="gray"/>
<line x1="42" y1="99" x2="40" y2="99" stroke="gray"/>
<line x1="42" y1="94" x2="40" y2="94" stroke="gray"/>
<line x1="42" y1="88" x2="40" y2="88" stroke="gray"/>
<line x1="42" y1="120" x2="40" y2="120" stroke="gray"/>
<line x1="42" y1="115" x2="40" y2="115" stroke="gray"/>
<line x1="42" y1="109" x2="40" y2="109" stroke="gray"/>
<line x1="42" y1="140" x2="40" y2="140" stroke="gray"/>
<line x1="42" y1="135" x2="40" y2="135" stroke="gray"/>
<line x1="42" y1="130" x2="40" y2="130" stroke="gray"/>
<line x1="42" y1="161" x2="40" y2="161" stroke="gray"/>
<line x1="42" y1="156" x2="40" y2="156" stroke="gray"/>
<line x1="42" y1="150" x2="40" y2="150" stroke="gray"/>
<line x1="42" y1="181" x2="40" y2="181" stroke="gray"/>
<line x1="42" y1="176" x2="40" y2="176" stroke="gray"/>
<line x1="42" y1="171" x2="40" y2="171" stroke="gray"/>
<line x1="42" y1="202" x2="40" y2="202" stroke="gray"/>
<line x1="42" y1="197" x2="40" y2="197" stroke="gray"/>
<line x1="42" y1="191" x2="40" y2="191" stroke="gray"/>
<line x1="42" y1="223" x2="40" y2="223" stroke="gray"/>
<line x1="42" y1="218" x2="40" y2="218" stroke="gray"/>
<line x1="42" y1="212" x2="40" y2="212" stroke="gray"/>
<line x1="42" y1="243" x2="40" y2="243" stroke="gray"/>
<line x1="42" y1="238" x2="40" y2="238" stroke="gray"/>
<line x1="42" y1="233" x2="40" y2="233" stroke="gray"/>
<line x1="42" y1="264" x2="40" y2="264" stroke="gray"/>
<line x1="42" y1="259" x2="40" y2="259" stroke="gray"/>
<line x1="42" y1="253" x2="40" y2="253" stroke="gray"/>
<g clip-path="url(#Clip1)">
<defs>
<clipPath id="Clip1" style="clip-rule:nonzero">
<polygon points="53,285 53,70 77,46 391,46 391,261 367,285 "/>
</clipPath>
</defs>
<polygon fill="red" stroke="black"
points="87,128 120,128 120,251 87,251 "/>
<polygon fill="rgb(127,0,0)" stroke="black"
points="120,128 126,122 126,245 120,251 "/>
<polygon fill="rgb(191,0,0)" stroke="black"
points="87,128 120,128 126,122 93,122 "/>
<polygon fill="red" stroke="black"
points="137,129 170,129 170,251 137,251 "/>
<polygon fill="rgb(127,0,0)" stroke="black"
points="170,129 176,123 176,245 170,251 "/>
<polygon fill="rgb(191,0,0)" stroke="black"
points="137,129 170,129 176,123 143,123 "/>
<polygon fill="red" stroke="black"
points="187,107 220,107 220,251 187,251 "/>
<polygon fill="rgb(127,0,0)" stroke="black"
points="220,107 226,101 226,245 220,251 "/>
<polygon fill="rgb(191,0,0)" stroke="black"
points="187,107 220,107 226,101 193,101 "/>
<polygon fill="red" stroke="black"
points="237,111 270,111 270,251 237,251 "/>
<polygon fill="rgb(127,0,0)" stroke="black"
points="270,111 276,105 276,245 270,251 "/>
<polygon fill="rgb(191,0,0)" stroke="black"
points="237,111 270,111 276,105 243,105 "/>
<polygon fill="red" stroke="black"
points="287,94 320,94 320,251 287,251 "/>
<polygon fill="rgb(127,0,0)" stroke="black"
points="320,94 326,88 326,245 320,251 "/>
<polygon fill="rgb(191,0,0)" stroke="black"
points="287,94 320,94 326,88 293,88 "/>
<polygon fill="red" stroke="black"
points="337,114 370,114 370,251 337,251 "/>
<polygon fill="rgb(127,0,0)" stroke="black"
points="370,114 376,108 376,245 370,251 "/>
<polygon fill="rgb(191,0,0)" stroke="black"
points="337,114 370,114 376,108 343,108 "/>
</g>
<line x1="106" y1="125" x2="106" y2="105" stroke="white"/>
<rect x="93" y="92" width="31" height="17" fill="gray" stroke="none"/>
<rect x="91" y="90" width="31" height="17" fill="rgb(255,255,225)" stroke="black"/>
<text x="98" y="101" font-family="Arial" font-size="8pt" fill="black">
596
</text>
<line x1="156" y1="126" x2="156" y2="106" stroke="white"/>
<rect x="143" y="93" width="31" height="17" fill="gray" stroke="none"/>
<rect x="141" y="91" width="31" height="17" fill="rgb(255,255,225)" stroke="black"/>
<text x="148" y="102" font-family="Arial" font-size="8pt" fill="black">
592
</text>
<line x1="206" y1="104" x2="206" y2="84" stroke="white"/>
<rect x="193" y="71" width="31" height="17" fill="gray" stroke="none"/>
<rect x="191" y="69" width="31" height="17" fill="rgb(255,255,225)" stroke="black"/>
<text x="198" y="80" font-family="Arial" font-size="8pt" fill="black">
699
</text>
<line x1="256" y1="108" x2="256" y2="88" stroke="white"/>
<rect x="243" y="75" width="31" height="17" fill="gray" stroke="none"/>
<rect x="241" y="73" width="31" height="17" fill="rgb(255,255,225)" stroke="black"/>
<text x="248" y="84" font-family="Arial" font-size="8pt" fill="black">
679
</text>
<line x1="306" y1="91" x2="306" y2="71" stroke="white"/>
<rect x="293" y="58" width="31" height="17" fill="gray" stroke="none"/>
<rect x="291" y="56" width="31" height="17" fill="rgb(255,255,225)" stroke="black"/>
<text x="298" y="67" font-family="Arial" font-size="8pt" fill="black">
760
</text>
<line x1="356" y1="111" x2="356" y2="91" stroke="white"/>
<rect x="343" y="78" width="31" height="17" fill="gray" stroke="none"/>
<rect x="341" y="76" width="31" height="17" fill="rgb(255,255,225)" stroke="black"/>
<text x="348" y="87" font-family="Arial" font-size="8pt" fill="black">
666
</text>
<g clip-path="url(#Clip2)">
<defs>
<clipPath id="Clip2" style="clip-rule:nonzero">
<polygon points="53,285 53,70 77,46 391,46 391,261 367,285 "/>
</clipPath>
</defs>
<polygon fill="green" stroke="black"
points="107,168 97,149 103,143 113,162 "/>
<polygon fill="rgb(0,64,0)" stroke="black"
points="118,150 107,168 113,162 124,144 "/>
<polygon fill="green" stroke="black"
points="128,156 118,150 124,144 134,150 "/>
<polygon fill="green" stroke="black"
points="139,150 128,156 134,150 145,144 "/>
<polygon fill="green" stroke="black"
points="149,162 139,150 145,144 155,156 "/>
<polygon fill="green" stroke="black"
points="160,181 149,162 155,156 166,175 "/>
<polygon fill="rgb(0,64,0)" stroke="black"
points="170,167 160,181 166,175 176,161 "/>
<polygon fill="green" stroke="black"
points="180,170 170,167 176,161 186,164 "/>
<polygon fill="green" stroke="black"
points="191,169 180,170 186,164 197,163 "/>
<polygon fill="green" stroke="black"
points="201,174 191,169 197,163 207,168 "/>
<polygon fill="green" stroke="black"
points="212,192 201,174 207,168 218,186 "/>
<polygon fill="rgb(0,64,0)" stroke="black"
points="222,175 212,192 218,186 228,169 "/>
<polygon fill="rgb(0,64,0)" stroke="black"
points="232,164 222,175 228,169 238,158 "/>
<polygon fill="green" stroke="black"
points="243,157 232,164 238,158 249,151 "/>
<polygon fill="rgb(0,64,0)" stroke="black"
points="253,141 243,157 249,151 259,135 "/>
<polygon fill="green" stroke="black"
points="264,135 253,141 259,135 270,129 "/>
<polygon fill="green" stroke="black"
points="274,127 264,135 270,129 280,121 "/>
<polygon fill="green" stroke="black"
points="285,126 274,127 280,121 291,120 "/>
<polygon fill="green" stroke="black"
points="295,135 285,126 291,120 301,129 "/>
<polygon fill="green" stroke="black"
points="305,136 295,135 301,129 311,130 "/>
<polygon fill="green" stroke="black"
points="316,141 305,136 311,130 322,135 "/>
<polygon fill="rgb(0,64,0)" stroke="black"
points="326,126 316,141 322,135 332,120 "/>
<polygon fill="green" stroke="black"
points="337,131 326,126 332,120 343,125 "/>
<polygon fill="rgb(0,64,0)" stroke="black"
points="347,112 337,131 343,125 353,106 "/>
</g>
<g clip-path="url(#Clip3)">
<defs>
<clipPath id="Clip3" style="clip-rule:nonzero">
<polygon points="53,285 53,70 77,46 391,46 391,261 367,285 "/>
</clipPath>
</defs>
<polygon fill="yellow" stroke="black"
points="87,191 95,191 95,199 87,199 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="95,191 101,185 101,193 95,199 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="87,191 95,191 101,185 93,185 "/>
<polygon fill="yellow" stroke="black"
points="97,191 105,191 105,199 97,199 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="105,191 111,185 111,193 105,199 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="97,191 105,191 111,185 103,185 "/>
<polygon fill="yellow" stroke="black"
points="108,195 116,195 116,203 108,203 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="116,195 122,189 122,197 116,203 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="108,195 116,195 122,189 114,189 "/>
<polygon fill="yellow" stroke="black"
points="118,189 126,189 126,197 118,197 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="126,189 132,183 132,191 126,197 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="118,189 126,189 132,183 124,183 "/>
<polygon fill="yellow" stroke="black"
points="129,195 137,195 137,203 129,203 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="137,195 143,189 143,197 137,203 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="129,195 137,195 143,189 135,189 "/>
<polygon fill="yellow" stroke="black"
points="139,193 147,193 147,201 139,201 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="147,193 153,187 153,195 147,201 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="139,193 147,193 153,187 145,187 "/>
<polygon fill="yellow" stroke="black"
points="150,211 158,211 158,219 150,219 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="158,211 164,205 164,213 158,219 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="150,211 158,211 164,205 156,205 "/>
<polygon fill="yellow" stroke="black"
points="160,192 168,192 168,200 160,200 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="168,192 174,186 174,194 168,200 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="160,192 168,192 174,186 166,186 "/>
<polygon fill="yellow" stroke="black"
points="170,186 178,186 178,194 170,194 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="178,186 184,180 184,188 178,194 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="170,186 178,186 184,180 176,180 "/>
<polygon fill="yellow" stroke="black"
points="181,204 189,204 189,212 181,212 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="189,204 195,198 195,206 189,212 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="181,204 189,204 195,198 187,198 "/>
<polygon fill="yellow" stroke="black"
points="191,187 199,187 199,195 191,195 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="199,187 205,181 205,189 199,195 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="191,187 199,187 205,181 197,181 "/>
<polygon fill="yellow" stroke="black"
points="202,197 210,197 210,205 202,205 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="210,197 216,191 216,199 210,205 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="202,197 210,197 216,191 208,191 "/>
<polygon fill="yellow" stroke="black"
points="212,181 220,181 220,189 212,189 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="220,181 226,175 226,183 220,189 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="212,181 220,181 226,175 218,175 "/>
<polygon fill="yellow" stroke="black"
points="222,197 230,197 230,205 222,205 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="230,197 236,191 236,199 230,205 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="222,197 230,197 236,191 228,191 "/>
<polygon fill="yellow" stroke="black"
points="233,215 241,215 241,223 233,223 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="241,215 247,209 247,217 241,223 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="233,215 241,215 247,209 239,209 "/>
<polygon fill="yellow" stroke="black"
points="243,198 251,198 251,206 243,206 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="251,198 257,192 257,200 251,206 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="243,198 251,198 257,192 249,192 "/>
<polygon fill="yellow" stroke="black"
points="254,184 262,184 262,192 254,192 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="262,184 268,178 268,186 262,192 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="254,184 262,184 268,178 260,178 "/>
<polygon fill="yellow" stroke="black"
points="264,203 272,203 272,211 264,211 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="272,203 278,197 278,205 272,211 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="264,203 272,203 278,197 270,197 "/>
<polygon fill="yellow" stroke="black"
points="275,186 283,186 283,194 275,194 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="283,186 289,180 289,188 283,194 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="275,186 283,186 289,180 281,180 "/>
<polygon fill="yellow" stroke="black"
points="285,183 293,183 293,191 285,191 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="293,183 299,177 299,185 293,191 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="285,183 293,183 299,177 291,177 "/>
<polygon fill="yellow" stroke="black"
points="295,191 303,191 303,199 295,199 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="303,191 309,185 309,193 303,199 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="295,191 303,191 309,185 301,185 "/>
<polygon fill="yellow" stroke="black"
points="306,177 314,177 314,185 306,185 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="314,177 320,171 320,179 314,185 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="306,177 314,177 320,171 312,171 "/>
<polygon fill="yellow" stroke="black"
points="316,171 324,171 324,179 316,179 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="324,171 330,165 330,173 324,179 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="316,171 324,171 330,165 322,165 "/>
<polygon fill="yellow" stroke="black"
points="327,158 335,158 335,166 327,166 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="335,158 341,152 341,160 335,166 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="327,158 335,158 341,152 333,152 "/>
<polygon fill="yellow" stroke="black"
points="337,175 345,175 345,183 337,183 "/>
<polygon fill="rgb(127,127,0)" stroke="black"
points="345,175 351,169 351,177 345,183 "/>
<polygon fill="rgb(191,191,0)" stroke="black"
points="337,175 345,175 351,169 343,169 "/>
</g>
<g clip-path="url(#Clip4)">
<defs>
<clipPath id="Clip4" style="clip-rule:nonzero">
<polygon points="53,285 53,70 77,46 391,46 391,261 367,285 "/>
</clipPath>
</defs>
<ellipse cx="85" cy="261" rx="18" ry="18" fill="red" stroke="black"/>
<ellipse cx="121" cy="249" rx="22" ry="22" fill="green" stroke="black"/>
<ellipse cx="156" cy="165" rx="18" ry="18" fill="yellow" stroke="black"/>
<ellipse cx="192" cy="243" rx="22" ry="22" fill="blue" stroke="black"/>
<ellipse cx="228" cy="142" rx="25" ry="25" fill="white" stroke="black"/>
<ellipse cx="264" cy="125" rx="18" ry="18" fill="gray" stroke="black"/>
<ellipse cx="299" cy="163" rx="21" ry="21" fill="fuchsia" stroke="black"/>
<ellipse cx="335" cy="220" rx="23" ry="23" fill="teal" stroke="black"/>
</g>
<rect x="59" y="29" width="40" height="33" fill="black" fill-opacity="0.6" stroke="none"/>
<rect x="55" y="25" width="40" height="33" fill="white" fill-opacity="0.6" stroke="black"/>
<text x="59" y="37" font-family="Arial" font-size="8pt" fill="black">
Hello
</text>
<text x="59" y="51" font-family="Arial" font-size="8pt" fill="black">
World !
</text>
<rect x="10" y="12" width="35" height="19" fill="black" stroke="none" rx="5"/>
<rect x="6" y="8" width="35" height="19" fill="white" stroke="black" rx="5"/>
<text x="10" y="20" font-family="Arial" font-size="8pt" fill="black">
round
</text>
</svg>