docs/example9_svg_demo.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="1200" height="900" xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect width="100%" height="100%" fill="white"/>
<g transform="translate(0,0)">
<rect x="0" y="0" width="600" height="450" fill="none" stroke="black" stroke-width="1"/>
<line x1="50" y1="50" x2="50" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="150" y1="50" x2="150" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="250" y1="50" x2="250" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="350" y1="50" x2="350" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="450" y1="50" x2="450" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="550" y1="50" x2="550" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="400" x2="550" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="330" x2="550" y2="330" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="260" x2="550" y2="260" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="190" x2="550" y2="190" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="120" x2="550" y2="120" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="50" x2="550" y2="50" stroke="#c8c8c8" stroke-width="1" />
<line x1="75" y1="50" x2="75" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="100" y1="50" x2="100" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="125" y1="50" x2="125" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="175" y1="50" x2="175" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="200" y1="50" x2="200" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="225" y1="50" x2="225" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="275" y1="50" x2="275" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="300" y1="50" x2="300" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="325" y1="50" x2="325" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="375" y1="50" x2="375" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="400" y1="50" x2="400" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="425" y1="50" x2="425" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="475" y1="50" x2="475" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="500" y1="50" x2="500" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="525" y1="50" x2="525" y2="400" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="382.5" x2="550" y2="382.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="365" x2="550" y2="365" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="347.5" x2="550" y2="347.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="312.5" x2="550" y2="312.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="295" x2="550" y2="295" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="277.5" x2="550" y2="277.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="242.5" x2="550" y2="242.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="225" x2="550" y2="225" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="207.5" x2="550" y2="207.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="172.5" x2="550" y2="172.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="155" x2="550" y2="155" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="137.5" x2="550" y2="137.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="102.5" x2="550" y2="102.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="85" x2="550" y2="85" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="67.5" x2="550" y2="67.5" stroke="#e6e6e6" stroke-width="1" />
<line x1="50" y1="225" x2="550" y2="225" stroke="black" stroke-width="1.5"/>
<line x1="300" y1="50" x2="300" y2="400" stroke="black" stroke-width="1.5"/>
<line x1="50" y1="225" x2="50" y2="230" stroke="black" stroke-width="1"/>
<text x="50" y="245" text-anchor="middle" font-family="Arial" font-size="12">-5.0</text>
<line x1="150" y1="225" x2="150" y2="230" stroke="black" stroke-width="1"/>
<text x="150" y="245" text-anchor="middle" font-family="Arial" font-size="12">-3.0</text>
<line x1="250" y1="225" x2="250" y2="230" stroke="black" stroke-width="1"/>
<text x="250" y="245" text-anchor="middle" font-family="Arial" font-size="12">-1.0</text>
<line x1="350" y1="225" x2="350" y2="230" stroke="black" stroke-width="1"/>
<text x="350" y="245" text-anchor="middle" font-family="Arial" font-size="12">1.0</text>
<line x1="450" y1="225" x2="450" y2="230" stroke="black" stroke-width="1"/>
<text x="450" y="245" text-anchor="middle" font-family="Arial" font-size="12">3.0</text>
<line x1="550" y1="225" x2="550" y2="230" stroke="black" stroke-width="1"/>
<text x="550" y="245" text-anchor="middle" font-family="Arial" font-size="12">5.0</text>
<line x1="300" y1="400" x2="295" y2="400" stroke="black" stroke-width="1"/>
<text x="285" y="405" text-anchor="end" font-family="Arial" font-size="12">-1.2</text>
<line x1="300" y1="330" x2="295" y2="330" stroke="black" stroke-width="1"/>
<text x="285" y="335" text-anchor="end" font-family="Arial" font-size="12">-0.7</text>
<line x1="300" y1="260" x2="295" y2="260" stroke="black" stroke-width="1"/>
<text x="285" y="265" text-anchor="end" font-family="Arial" font-size="12">-0.2</text>
<line x1="300" y1="190" x2="295" y2="190" stroke="black" stroke-width="1"/>
<text x="285" y="195" text-anchor="end" font-family="Arial" font-size="12">0.2</text>
<line x1="300" y1="120" x2="295" y2="120" stroke="black" stroke-width="1"/>
<text x="285" y="125" text-anchor="end" font-family="Arial" font-size="12">0.7</text>
<line x1="300" y1="50" x2="295" y2="50" stroke="black" stroke-width="1"/>
<text x="285" y="55" text-anchor="end" font-family="Arial" font-size="12">1.2</text>
<path d="M50 85.1569 L 55 81.7257 L 60 79.726 L 65 79.1779 L 70 80.0867 L 75 82.4435 L 80 86.2247 L 85 91.3925 L 90 97.8952 L 95 105.668 L 100 114.633 L 105 124.701 L 110 135.771 L 115 147.732 L 120 160.466 L 125 173.844 L 130 187.734 L 135 201.995 L 140 216.487 L 145 231.064 L 150 245.58 L 155 259.891 L 160 273.852 L 165 287.326 L 170 300.177 L 175 312.277 L 180 323.505 L 185 333.749 L 190 342.906 L 195 350.885 L 200 357.606 L 205 363.002 L 210 367.019 L 215 369.618 L 220 370.771 L 225 370.468 L 230 368.711 L 235 365.519 L 240 360.922 L 245 354.968 L 250 347.715 L 255 339.235 L 260 329.614 L 265 318.948 L 270 307.344 L 275 294.916 L 280 281.79 L 285 268.097 L 290 253.973 L 295 239.559 L 300 225 L 305 210.441 L 310 196.027 L 315 181.903 L 320 168.21 L 325 155.084 L 330 142.656 L 335 131.052 L 340 120.386 L 345 110.765 L 350 102.285 L 355 95.0323 L 360 89.0776 L 365 84.4811 L 370 81.2886 L 375 79.532 L 380 79.2288 L 385 80.3822 L 390 82.9806 L 395 86.9979 L 400 92.3941 L 405 99.1153 L 410 107.094 L 415 116.251 L 420 126.495 L 425 137.723 L 430 149.823 L 435 162.674 L 440 176.148 L 445 190.109 L 450 204.42 L 455 218.936 L 460 233.513 L 465 248.005 L 470 262.266 L 475 276.156 L 480 289.534 L 485 302.268 L 490 314.229 L 495 325.299 L 500 335.367 L 505 344.332 L 510 352.105 L 515 358.608 L 520 363.775 L 525 367.556 L 530 369.913 L 535 370.822 L 540 370.274 L 545 368.274" fill="none" stroke="#0000ff" stroke-width="3"  />
<path d="M50 183.633 L 55 197.8 L 60 212.24 L 65 226.807 L 70 241.356 L 75 255.741 L 80 269.819 L 85 283.45 L 90 296.496 L 95 308.829 L 100 320.323 L 105 330.865 L 110 340.349 L 115 348.681 L 120 355.777 L 125 361.567 L 130 365.991 L 135 369.007 L 140 370.585 L 145 370.707 L 150 369.374 L 155 366.598 L 160 362.407 L 165 356.844 L 170 349.963 L 175 341.833 L 180 332.537 L 185 322.165 L 190 310.823 L 195 298.623 L 200 285.688 L 205 272.146 L 210 258.134 L 215 243.79 L 220 229.258 L 225 214.684 L 230 200.213 L 235 185.99 L 240 172.156 L 245 158.851 L 250 146.206 L 255 134.349 L 260 123.397 L 265 113.46 L 270 104.639 L 275 97.0192 L 280 90.6786 L 285 85.6801 L 290 82.0736 L 295 79.8952 L 300 79.1667 L 305 79.8952 L 310 82.0736 L 315 85.6801 L 320 90.6786 L 325 97.0192 L 330 104.639 L 335 113.461 L 340 123.397 L 345 134.349 L 350 146.206 L 355 158.851 L 360 172.156 L 365 185.99 L 370 200.213 L 375 214.684 L 380 229.258 L 385 243.79 L 390 258.134 L 395 272.146 L 400 285.688 L 405 298.623 L 410 310.823 L 415 322.165 L 420 332.537 L 425 341.833 L 430 349.963 L 435 356.844 L 440 362.407 L 445 366.598 L 450 369.374 L 455 370.707 L 460 370.585 L 465 369.007 L 470 365.991 L 475 361.567 L 480 355.777 L 485 348.681 L 490 340.349 L 495 330.865 L 500 320.323 L 505 308.828 L 510 296.496 L 515 283.45 L 520 269.819 L 525 255.741 L 530 241.356 L 535 226.807 L 540 212.24 L 545 197.8" fill="none" stroke="#ff0000" stroke-width="3" stroke-dasharray="15,9" />
<text x="300" y="25" text-anchor="middle" font-family="Arial" font-size="18" font-weight="bold">Trigonometric Functions</text>
<text x="300" y="440" text-anchor="middle" font-family="Arial" font-size="14">x</text>
<text x="16.6667" y="225" text-anchor="middle" font-family="Arial" font-size="14" transform="rotate(-90 16.6667,225)">f(x)</text>
<rect x="440" y="60" width="150" height="50" fill="white" fill-opacity="0.8" stroke="black" stroke-width="1"/>
<line x1="450" y1="75" x2="480" y2="75" stroke="#0000ff" stroke-width="3"/>
<text x="485" y="80" font-family="Arial" font-size="12">sin(x)</text>
<line x1="450" y1="95" x2="480" y2="95" stroke="#ff0000" stroke-width="3" stroke-dasharray="15,9"/>
<text x="485" y="100" font-family="Arial" font-size="12">cos(x)</text>
</g>
<g transform="translate(600,0)">
<rect x="0" y="0" width="600" height="450" fill="none" stroke="black" stroke-width="1"/>
<line x1="50" y1="50" x2="50" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="150" y1="50" x2="150" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="250" y1="50" x2="250" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="350" y1="50" x2="350" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="450" y1="50" x2="450" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="550" y1="50" x2="550" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="400" x2="550" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="330" x2="550" y2="330" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="260" x2="550" y2="260" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="190" x2="550" y2="190" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="120" x2="550" y2="120" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="50" x2="550" y2="50" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="400" x2="550" y2="400" stroke="black" stroke-width="1.5"/>
<line x1="300" y1="50" x2="300" y2="400" stroke="black" stroke-width="1.5"/>
<line x1="50" y1="400" x2="50" y2="405" stroke="black" stroke-width="1"/>
<text x="50" y="420" text-anchor="middle" font-family="Arial" font-size="12">-5.0</text>
<line x1="150" y1="400" x2="150" y2="405" stroke="black" stroke-width="1"/>
<text x="150" y="420" text-anchor="middle" font-family="Arial" font-size="12">-3.0</text>
<line x1="250" y1="400" x2="250" y2="405" stroke="black" stroke-width="1"/>
<text x="250" y="420" text-anchor="middle" font-family="Arial" font-size="12">-1.0</text>
<line x1="350" y1="400" x2="350" y2="405" stroke="black" stroke-width="1"/>
<text x="350" y="420" text-anchor="middle" font-family="Arial" font-size="12">1.0</text>
<line x1="450" y1="400" x2="450" y2="405" stroke="black" stroke-width="1"/>
<text x="450" y="420" text-anchor="middle" font-family="Arial" font-size="12">3.0</text>
<line x1="550" y1="400" x2="550" y2="405" stroke="black" stroke-width="1"/>
<text x="550" y="420" text-anchor="middle" font-family="Arial" font-size="12">5.0</text>
<line x1="300" y1="400" x2="295" y2="400" stroke="black" stroke-width="1"/>
<text x="285" y="405" text-anchor="end" font-family="Arial" font-size="12">0</text>
<line x1="300" y1="330" x2="295" y2="330" stroke="black" stroke-width="1"/>
<text x="285" y="335" text-anchor="end" font-family="Arial" font-size="12">2.5</text>
<line x1="300" y1="260" x2="295" y2="260" stroke="black" stroke-width="1"/>
<text x="285" y="265" text-anchor="end" font-family="Arial" font-size="12">5.0</text>
<line x1="300" y1="190" x2="295" y2="190" stroke="black" stroke-width="1"/>
<text x="285" y="195" text-anchor="end" font-family="Arial" font-size="12">7.5</text>
<line x1="300" y1="120" x2="295" y2="120" stroke="black" stroke-width="1"/>
<text x="285" y="125" text-anchor="end" font-family="Arial" font-size="12">10</text>
<line x1="300" y1="50" x2="295" y2="50" stroke="black" stroke-width="1"/>
<text x="285" y="55" text-anchor="end" font-family="Arial" font-size="12">12</text>
<path d="M50 50 L 55 63.86 L 60 77.44 L 65 90.74 L 70 103.76 L 75 116.5 L 80 128.96 L 85 141.14 L 90 153.04 L 95 164.66 L 100 176 L 105 187.06 L 110 197.84 L 115 208.34 L 120 218.56 L 125 228.5 L 130 238.16 L 135 247.54 L 140 256.64 L 145 265.46 L 150 274 L 155 282.26 L 160 290.24 L 165 297.94 L 170 305.36 L 175 312.5 L 180 319.36 L 185 325.94 L 190 332.24 L 195 338.26 L 200 344 L 205 349.46 L 210 354.64 L 215 359.54 L 220 364.16 L 225 368.5 L 230 372.56 L 235 376.34 L 240 379.84 L 245 383.06 L 250 386 L 255 388.66 L 260 391.04 L 265 393.14 L 270 394.96 L 275 396.5 L 280 397.76 L 285 398.74 L 290 399.44 L 295 399.86 L 300 400 L 305 399.86 L 310 399.44 L 315 398.74 L 320 397.76 L 325 396.5 L 330 394.96 L 335 393.14 L 340 391.04 L 345 388.66 L 350 386 L 355 383.06 L 360 379.84 L 365 376.34 L 370 372.56 L 375 368.5 L 380 364.16 L 385 359.54 L 390 354.64 L 395 349.46 L 400 344 L 405 338.26 L 410 332.24 L 415 325.94 L 420 319.36 L 425 312.5 L 430 305.36 L 435 297.94 L 440 290.24 L 445 282.26 L 450 274 L 455 265.46 L 460 256.64 L 465 247.54 L 470 238.16 L 475 228.5 L 480 218.56 L 485 208.34 L 490 197.84 L 495 187.06 L 500 176 L 505 164.66 L 510 153.04 L 515 141.14 L 520 128.96 L 525 116.5 L 530 103.76 L 535 90.74 L 540 77.44 L 545 63.8599" fill="none" stroke="#00ff00" stroke-width="2.5"  />
<circle cx="50" cy="50" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="55" cy="63.86" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="60" cy="77.44" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="65" cy="90.74" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="70" cy="103.76" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="75" cy="116.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="80" cy="128.96" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="85" cy="141.14" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="90" cy="153.04" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="95" cy="164.66" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="100" cy="176" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="105" cy="187.06" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="110" cy="197.84" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="115" cy="208.34" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="120" cy="218.56" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="125" cy="228.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="130" cy="238.16" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="135" cy="247.54" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="140" cy="256.64" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="145" cy="265.46" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="150" cy="274" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="155" cy="282.26" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="160" cy="290.24" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="165" cy="297.94" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="170" cy="305.36" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="175" cy="312.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="180" cy="319.36" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="185" cy="325.94" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="190" cy="332.24" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="195" cy="338.26" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="200" cy="344" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="205" cy="349.46" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="210" cy="354.64" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="215" cy="359.54" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="220" cy="364.16" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="225" cy="368.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="230" cy="372.56" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="235" cy="376.34" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="240" cy="379.84" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="245" cy="383.06" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="250" cy="386" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="255" cy="388.66" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="260" cy="391.04" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="265" cy="393.14" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="270" cy="394.96" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="275" cy="396.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="280" cy="397.76" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="285" cy="398.74" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="290" cy="399.44" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="295" cy="399.86" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="300" cy="400" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="305" cy="399.86" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="310" cy="399.44" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="315" cy="398.74" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="320" cy="397.76" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="325" cy="396.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="330" cy="394.96" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="335" cy="393.14" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="340" cy="391.04" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="345" cy="388.66" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="350" cy="386" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="355" cy="383.06" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="360" cy="379.84" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="365" cy="376.34" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="370" cy="372.56" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="375" cy="368.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="380" cy="364.16" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="385" cy="359.54" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="390" cy="354.64" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="395" cy="349.46" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="400" cy="344" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="405" cy="338.26" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="410" cy="332.24" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="415" cy="325.94" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="420" cy="319.36" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="425" cy="312.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="430" cy="305.36" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="435" cy="297.94" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="440" cy="290.24" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="445" cy="282.26" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="450" cy="274" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="455" cy="265.46" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="460" cy="256.64" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="465" cy="247.54" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="470" cy="238.16" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="475" cy="228.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="480" cy="218.56" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="485" cy="208.34" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="490" cy="197.84" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="495" cy="187.06" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="500" cy="176" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="505" cy="164.66" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="510" cy="153.04" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="515" cy="141.14" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="520" cy="128.96" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="525" cy="116.5" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="530" cy="103.76" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="535" cy="90.74" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="540" cy="77.44" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<circle cx="545" cy="63.8599" r="4" fill="#00ff00" stroke="black" stroke-width="1" />
<text x="300" y="25" text-anchor="middle" font-family="Arial" font-size="18" font-weight="bold">Parabolic Function with Symbols</text>
<text x="300" y="440" text-anchor="middle" font-family="Arial" font-size="14">x</text>
<text x="16.6667" y="225" text-anchor="middle" font-family="Arial" font-size="14" transform="rotate(-90 16.6667,225)">f(x)</text>
<rect x="440" y="60" width="150" height="30" fill="white" fill-opacity="0.8" stroke="black" stroke-width="1"/>
<line x1="450" y1="75" x2="480" y2="75" stroke="#00ff00" stroke-width="2.5"/>
<circle cx="465" cy="75" r="4" fill="#00ff00" stroke="black" stroke-width="1"/>
<text x="485" y="80" font-family="Arial" font-size="12">f(x) = 0.5x²</text>
</g>
<g transform="translate(0,450)">
<rect x="0" y="0" width="600" height="450" fill="none" stroke="black" stroke-width="1"/>
<line x1="50" y1="400" x2="550" y2="400" stroke="black" stroke-width="1.5"/>
<line x1="320.476" y1="50" x2="320.476" y2="400" stroke="black" stroke-width="1.5"/>
<line x1="50" y1="400" x2="50" y2="405" stroke="black" stroke-width="1"/>
<text x="50" y="420" text-anchor="middle" font-family="Arial" font-size="12">-4.0</text>
<line x1="150" y1="400" x2="150" y2="405" stroke="black" stroke-width="1"/>
<text x="150" y="420" text-anchor="middle" font-family="Arial" font-size="12">-2.5</text>
<line x1="250" y1="400" x2="250" y2="405" stroke="black" stroke-width="1"/>
<text x="250" y="420" text-anchor="middle" font-family="Arial" font-size="12">-1.1</text>
<line x1="350" y1="400" x2="350" y2="405" stroke="black" stroke-width="1"/>
<text x="350" y="420" text-anchor="middle" font-family="Arial" font-size="12">0.4</text>
<line x1="450" y1="400" x2="450" y2="405" stroke="black" stroke-width="1"/>
<text x="450" y="420" text-anchor="middle" font-family="Arial" font-size="12">1.9</text>
<line x1="550" y1="400" x2="550" y2="405" stroke="black" stroke-width="1"/>
<text x="550" y="420" text-anchor="middle" font-family="Arial" font-size="12">3.4</text>
<line x1="320.476" y1="400" x2="315.476" y2="400" stroke="black" stroke-width="1"/>
<text x="305.476" y="405" text-anchor="end" font-family="Arial" font-size="12">0</text>
<line x1="320.476" y1="330" x2="315.476" y2="330" stroke="black" stroke-width="1"/>
<text x="305.476" y="335" text-anchor="end" font-family="Arial" font-size="12">19</text>
<line x1="320.476" y1="260" x2="315.476" y2="260" stroke="black" stroke-width="1"/>
<text x="305.476" y="265" text-anchor="end" font-family="Arial" font-size="12">39</text>
<line x1="320.476" y1="190" x2="315.476" y2="190" stroke="black" stroke-width="1"/>
<text x="305.476" y="195" text-anchor="end" font-family="Arial" font-size="12">58</text>
<line x1="320.476" y1="120" x2="315.476" y2="120" stroke="black" stroke-width="1"/>
<text x="305.476" y="125" text-anchor="end" font-family="Arial" font-size="12">78</text>
<line x1="320.476" y1="50" x2="315.476" y2="50" stroke="black" stroke-width="1"/>
<text x="305.476" y="55" text-anchor="end" font-family="Arial" font-size="12">97</text>
<rect x="65.4412" y="396.425" width="13.2353" height="3.57508" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="80.1471" y="400" width="13.2353" height="0" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="94.8529" y="400" width="13.2353" height="0" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="109.559" y="385.7" width="13.2353" height="14.3003" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="124.265" y="396.425" width="13.2353" height="3.57508" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="138.971" y="389.275" width="13.2353" height="10.7252" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="153.676" y="389.275" width="13.2353" height="10.7252" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="168.382" y="357.099" width="13.2353" height="42.9009" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="183.088" y="342.799" width="13.2353" height="57.2012" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="197.794" y="324.923" width="13.2353" height="75.0766" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="212.5" y="282.022" width="13.2353" height="117.978" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="227.206" y="249.847" width="13.2353" height="150.153" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="241.912" y="196.221" width="13.2353" height="203.779" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="256.618" y="131.869" width="13.2353" height="268.131" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="271.324" y="96.1185" width="13.2353" height="303.882" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="286.029" y="106.844" width="13.2353" height="293.156" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="300.735" y="106.844" width="13.2353" height="293.156" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="315.441" y="81.8182" width="13.2353" height="318.182" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="330.147" y="153.32" width="13.2353" height="246.68" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="344.853" y="128.294" width="13.2353" height="271.706" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="359.559" y="171.195" width="13.2353" height="228.805" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="374.265" y="217.671" width="13.2353" height="182.329" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="388.971" y="224.821" width="13.2353" height="175.179" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="403.676" y="292.748" width="13.2353" height="107.252" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="418.382" y="321.348" width="13.2353" height="78.6517" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="433.088" y="349.949" width="13.2353" height="50.0511" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="447.794" y="371.399" width="13.2353" height="28.6006" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="462.5" y="385.7" width="13.2353" height="14.3003" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="477.206" y="378.55" width="13.2353" height="21.4505" fill="#ff00ff" stroke="black" stroke-width="1" />
<rect x="491.912" y="396.425" width="13.2353" height="3.57508" fill="#ff00ff" stroke="black" stroke-width="1" />
<text x="300" y="25" text-anchor="middle" font-family="Arial" font-size="18" font-weight="bold">Histogram Example</text>
<text x="300" y="440" text-anchor="middle" font-family="Arial" font-size="14">Value</text>
<text x="16.6667" y="225" text-anchor="middle" font-family="Arial" font-size="14" transform="rotate(-90 16.6667,225)">Frequency</text>
<rect x="440" y="60" width="150" height="30" fill="white" fill-opacity="0.8" stroke="black" stroke-width="1"/>
<line x1="450" y1="75" x2="480" y2="75" stroke="#ff00ff" stroke-width="2"/>
<text x="485" y="80" font-family="Arial" font-size="12">Normal Distribution</text>
</g>
<g transform="translate(675,450)">
<rect x="0" y="0" width="450" height="450" fill="none" stroke="black" stroke-width="1"/>
<line x1="50" y1="50" x2="50" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="120" y1="50" x2="120" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="190" y1="50" x2="190" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="260" y1="50" x2="260" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="330" y1="50" x2="330" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="400" y1="50" x2="400" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="400" x2="400" y2="400" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="330" x2="400" y2="330" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="260" x2="400" y2="260" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="190" x2="400" y2="190" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="120" x2="400" y2="120" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="50" x2="400" y2="50" stroke="#c8c8c8" stroke-width="1" />
<line x1="50" y1="225" x2="400" y2="225" stroke="black" stroke-width="1.5"/>
<line x1="225" y1="50" x2="225" y2="400" stroke="black" stroke-width="1.5"/>
<line x1="50" y1="225" x2="50" y2="230" stroke="black" stroke-width="1"/>
<text x="50" y="245" text-anchor="middle" font-family="Arial" font-size="12">-5.0</text>
<line x1="120" y1="225" x2="120" y2="230" stroke="black" stroke-width="1"/>
<text x="120" y="245" text-anchor="middle" font-family="Arial" font-size="12">-3.0</text>
<line x1="190" y1="225" x2="190" y2="230" stroke="black" stroke-width="1"/>
<text x="190" y="245" text-anchor="middle" font-family="Arial" font-size="12">-1.0</text>
<line x1="260" y1="225" x2="260" y2="230" stroke="black" stroke-width="1"/>
<text x="260" y="245" text-anchor="middle" font-family="Arial" font-size="12">1.0</text>
<line x1="330" y1="225" x2="330" y2="230" stroke="black" stroke-width="1"/>
<text x="330" y="245" text-anchor="middle" font-family="Arial" font-size="12">3.0</text>
<line x1="400" y1="225" x2="400" y2="230" stroke="black" stroke-width="1"/>
<text x="400" y="245" text-anchor="middle" font-family="Arial" font-size="12">5.0</text>
<line x1="225" y1="400" x2="220" y2="400" stroke="black" stroke-width="1"/>
<text x="210" y="405" text-anchor="end" font-family="Arial" font-size="12">-5.0</text>
<line x1="225" y1="330" x2="220" y2="330" stroke="black" stroke-width="1"/>
<text x="210" y="335" text-anchor="end" font-family="Arial" font-size="12">-3.0</text>
<line x1="225" y1="260" x2="220" y2="260" stroke="black" stroke-width="1"/>
<text x="210" y="265" text-anchor="end" font-family="Arial" font-size="12">-1.0</text>
<line x1="225" y1="190" x2="220" y2="190" stroke="black" stroke-width="1"/>
<text x="210" y="195" text-anchor="end" font-family="Arial" font-size="12">1.0</text>
<line x1="225" y1="120" x2="220" y2="120" stroke="black" stroke-width="1"/>
<text x="210" y="125" text-anchor="end" font-family="Arial" font-size="12">3.0</text>
<line x1="225" y1="50" x2="220" y2="50" stroke="black" stroke-width="1"/>
<text x="210" y="55" text-anchor="end" font-family="Arial" font-size="12">5.0</text>
<path d="M330 225 L 329.789 218.34 L 329.155 211.708 L 328.103 205.129 L 326.635 198.629 L 324.757 192.236 L 322.479 185.975 L 319.807 179.872 L 316.754 173.949 L 313.332 168.233 L 309.553 162.745 L 305.435 157.507 L 300.992 152.542 L 296.243 147.868 L 291.208 143.505 L 285.906 139.47 L 280.359 135.779 L 274.588 132.447 L 268.619 129.489 L 262.473 126.914 L 256.177 124.735 L 249.755 122.96 L 243.233 121.595 L 236.638 120.647 L 229.996 120.119 L 223.334 120.013 L 216.679 120.33 L 210.057 121.069 L 203.495 122.226 L 197.02 123.797 L 190.658 125.775 L 184.434 128.153 L 178.373 130.921 L 172.5 134.067 L 166.838 137.58 L 161.411 141.445 L 156.24 145.646 L 151.345 150.167 L 146.747 154.989 L 142.464 160.093 L 138.514 165.459 L 134.912 171.064 L 131.672 176.886 L 128.809 182.902 L 126.332 189.088 L 124.253 195.418 L 122.58 201.867 L 121.319 208.41 L 120.475 215.019 L 120.053 221.669 L 120.053 228.331 L 120.475 234.981 L 121.319 241.59 L 122.58 248.133 L 124.253 254.582 L 126.332 260.912 L 128.809 267.098 L 131.672 273.114 L 134.912 278.936 L 138.514 284.541 L 142.464 289.907 L 146.747 295.011 L 151.345 299.833 L 156.24 304.354 L 161.411 308.555 L 166.838 312.42 L 172.5 315.933 L 178.373 319.079 L 184.434 321.847 L 190.658 324.225 L 197.02 326.203 L 203.495 327.774 L 210.057 328.931 L 216.679 329.67 L 223.334 329.987 L 229.996 329.881 L 236.638 329.353 L 243.233 328.405 L 249.755 327.04 L 256.177 325.265 L 262.473 323.086 L 268.619 320.511 L 274.588 317.553 L 280.359 314.221 L 285.906 310.53 L 291.208 306.495 L 296.243 302.132 L 300.992 297.458 L 305.435 292.493 L 309.553 287.255 L 313.332 281.767 L 316.754 276.051 L 319.807 270.128 L 322.479 264.025 L 324.757 257.764 L 326.635 251.371 L 328.103 244.871 L 329.155 238.292 L 329.789 231.66 L 330 225" fill="none" stroke="#00ffff" stroke-width="3"  />
<text x="225" y="225" text-anchor="middle" font-family="Arial" font-size="24" fill="#ff0000">Center</text>
<path d="M225 225 L 330 225" fill="none" stroke="#00ff00" stroke-width="2"  />
<line x1="225" y1="225" x2="330" y2="225" stroke="#00ff00" stroke-width="2"/>
<polygon points="330,225 321.34,230 321.34,220" fill="#00ff00"/>
<path d="M225 225 L 225 120" fill="none" stroke="#00ff00" stroke-width="2"  />
<line x1="225" y1="225" x2="225" y2="120" stroke="#00ff00" stroke-width="2"/>
<polygon points="225,120 230,128.66 220,128.66" fill="#00ff00"/>
<path d="M225 225 L 120 225" fill="none" stroke="#00ff00" stroke-width="2"  />
<line x1="225" y1="225" x2="120" y2="225" stroke="#00ff00" stroke-width="2"/>
<polygon points="120,225 128.66,220 128.66,230" fill="#00ff00"/>
<path d="M225 225 L 225 330" fill="none" stroke="#00ff00" stroke-width="2"  />
<line x1="225" y1="225" x2="225" y2="330" stroke="#00ff00" stroke-width="2"/>
<polygon points="225,330 220,321.34 230,321.34" fill="#00ff00"/>
<text x="225" y="25" text-anchor="middle" font-family="Arial" font-size="18" font-weight="bold">Geometric Elements</text>
<text x="225" y="440" text-anchor="middle" font-family="Arial" font-size="14">X</text>
<text x="16.6667" y="225" text-anchor="middle" font-family="Arial" font-size="14" transform="rotate(-90 16.6667,225)">Y</text>
</g>
</svg>