DonutExample.svg

<?xml version='1.0' encoding='UTF-8' ?>
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 504.00 360.00'>
<defs>
  <style type='text/css'><![CDATA[
    line, polyline, path, rect, circle {
      fill: none;
      stroke: #000000;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10.00;
    }
  ]]></style>
</defs>
<rect width='100%' height='100%' style='stroke: none; fill: #FFFFFF;'/>
<defs>
  <clipPath id='cpNzJ8NDMyfDM2MHww'>
    <rect x='72.00' y='0.00' width='360.00' height='360.00' />
  </clipPath>
</defs>
<rect x='72.00' y='0.00' width='360.00' height='360.00' style='stroke-width: 1.07; stroke: #FFFFFF; fill: #FFFFFF;' clip-path='url(#cpNzJ8NDMyfDM2MHww)' />
<defs>
  <clipPath id='cpMHw1MDR8MzYwfDA='>
    <rect x='0.00' y='0.00' width='504.00' height='360.00' />
  </clipPath>
</defs>
<defs>
  <clipPath id='cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ=='>
    <rect x='80.22' y='5.48' width='346.30' height='346.30' />
  </clipPath>
</defs>
<polyline points='253.37,178.63 253.37,173.89 253.37,169.16 253.37,164.42 253.37,159.69 253.37,154.95 253.37,150.22 253.37,145.48 253.37,140.74 253.37,136.01 253.37,131.27 253.37,126.54 253.37,121.80 253.37,117.07 248.66,117.25 243.97,117.79 239.34,118.68 234.79,119.93 230.36,121.53 226.05,123.46 221.91,125.71 217.95,128.27 214.20,131.13 210.68,134.27 207.41,137.67 204.41,141.31 201.69,145.17 199.28,149.22 197.19,153.45 195.43,157.82 194.01,162.32 192.93,166.91 192.21,171.57 191.85,176.27 191.85,180.99 192.21,185.69 192.93,190.35 194.01,194.94 195.43,199.44 197.19,203.81 199.28,208.04 201.69,212.09 204.41,215.95 207.41,219.59 210.68,222.99 214.20,226.13 217.95,228.99 221.91,231.55 226.05,233.80 230.36,235.73 234.79,237.33 239.34,238.58 243.97,239.47 248.66,240.01 253.37,240.19 258.08,240.01 262.77,239.47 267.40,238.58 271.95,237.33 276.38,235.73 280.69,233.80 284.83,231.55 288.79,228.99 292.54,226.13 296.06,222.99 299.33,219.59 302.33,215.95 305.05,212.09 307.46,208.04 309.55,203.81 311.31,199.44 312.73,194.94 313.81,190.35 314.53,185.69 314.89,180.99 314.89,176.27 314.53,171.57 313.81,166.91 312.73,162.32 311.31,157.82 309.55,153.45 307.46,149.22 305.05,145.17 302.33,141.31 299.33,137.67 296.06,134.27 292.54,131.13 288.79,128.27 284.83,125.71 280.69,123.46 276.38,121.53 271.95,119.93 267.40,118.68 262.77,117.79 258.08,117.25 253.37,117.07 253.37,121.80 253.37,126.54 253.37,131.27 253.37,136.01 253.37,140.74 253.37,145.48 253.37,150.22 253.37,154.95 253.37,159.69 253.37,164.42 253.37,169.16 253.37,173.89 253.37,178.63 253.37,178.63 ' style='stroke-width: 1.07; stroke: none; fill: #767676;' clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)' />
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='223.36' y='187.22' style='font-size: 24.00px; fill: #FFFFFF; font-family: Arial;' textLength='60.01px' lengthAdjust='spacingAndGlyphs'>Class</text></g>
<polyline points='290.68,231.42 293.58,235.54 296.49,239.65 299.40,243.76 302.30,247.88 305.21,251.99 308.12,256.10 311.02,260.22 313.93,264.33 316.84,268.44 319.75,272.56 322.65,276.67 326.47,273.86 330.17,270.90 333.75,267.80 337.21,264.56 340.53,261.18 343.72,257.68 346.77,254.05 349.68,250.31 352.43,246.45 355.03,242.49 357.47,238.43 359.75,234.27 361.86,230.03 363.81,225.71 365.58,221.31 367.17,216.85 368.59,212.33 369.83,207.76 370.89,203.14 371.77,198.48 372.46,193.79 372.97,189.08 373.28,184.35 373.42,179.62 373.36,174.88 373.12,170.14 372.69,165.43 372.08,160.73 371.28,156.06 370.30,151.42 369.13,146.83 367.79,142.28 366.26,137.80 364.56,133.37 362.69,129.02 360.65,124.74 358.44,120.55 356.06,116.45 353.53,112.45 350.84,108.54 348.00,104.75 345.01,101.08 341.88,97.52 338.61,94.09 335.20,90.79 331.67,87.63 328.02,84.61 324.25,81.74 320.37,79.02 316.39,76.45 312.31,74.04 308.14,71.80 303.88,69.72 299.54,67.81 295.13,66.08 290.66,64.52 286.12,63.13 281.54,61.93 276.91,60.91 272.25,60.07 267.55,59.42 262.84,58.95 258.11,58.67 253.37,58.58 253.37,63.62 253.37,68.65 253.37,73.69 253.37,78.73 253.37,83.76 253.37,88.80 253.37,93.84 253.37,98.88 253.37,103.91 253.37,108.95 253.37,113.99 258.17,114.17 262.94,114.70 267.66,115.59 272.30,116.82 276.84,118.40 281.24,120.31 285.50,122.54 289.57,125.08 293.45,127.91 297.10,131.03 300.52,134.41 303.67,138.03 306.55,141.87 309.13,145.92 311.40,150.15 313.36,154.54 314.98,159.06 316.26,163.69 317.20,168.40 317.78,173.16 318.01,177.96 317.88,182.76 317.40,187.54 316.56,192.27 315.37,196.92 313.84,201.47 311.98,205.90 309.79,210.17 307.30,214.28 304.50,218.18 301.42,221.87 298.08,225.32 294.49,228.51 290.68,231.42 ' style='stroke-width: 1.07; stroke: #FFFFFF; fill: #678FDC;' clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)' />
<polyline points='189.67,189.60 184.70,190.46 179.74,191.31 174.77,192.17 169.81,193.02 164.84,193.88 159.88,194.73 154.92,195.59 149.95,196.44 144.99,197.30 140.02,198.15 135.06,199.01 135.96,203.67 137.04,208.29 138.30,212.86 139.74,217.38 141.36,221.84 143.16,226.23 145.12,230.54 147.26,234.78 149.56,238.93 152.02,242.98 154.65,246.94 157.42,250.78 160.35,254.52 163.42,258.13 166.63,261.63 169.98,264.99 173.45,268.22 177.05,271.30 180.78,274.25 184.61,277.04 188.55,279.68 192.59,282.16 196.73,284.48 200.96,286.64 205.27,288.62 209.65,290.44 214.10,292.08 218.61,293.54 223.18,294.82 227.79,295.93 232.45,296.84 237.13,297.58 241.85,298.13 246.58,298.49 251.32,298.66 256.06,298.65 260.80,298.45 265.53,298.06 270.24,297.49 274.92,296.73 279.57,295.79 284.18,294.66 288.74,293.35 293.24,291.87 297.69,290.20 302.06,288.36 306.36,286.36 310.57,284.18 314.70,281.84 318.73,279.33 322.65,276.67 319.75,272.56 316.84,268.44 313.93,264.33 311.02,260.22 308.12,256.10 305.21,251.99 302.30,247.88 299.40,243.76 296.49,239.65 293.58,235.54 290.68,231.42 286.64,234.06 282.41,236.38 278.02,238.39 273.50,240.06 268.86,241.39 264.14,242.37 259.35,243.00 254.54,243.26 249.71,243.17 244.91,242.72 240.15,241.91 235.47,240.75 230.89,239.24 226.43,237.39 222.12,235.22 217.99,232.73 214.05,229.94 210.34,226.87 206.86,223.52 203.64,219.93 200.70,216.11 198.05,212.08 195.71,207.86 193.69,203.48 192.01,198.96 190.66,194.32 189.67,189.60 ' style='stroke-width: 1.07; stroke: #FFFFFF; fill: #5DA1C8;' clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)' />
<polyline points='206.39,134.23 202.73,130.77 199.07,127.31 195.41,123.85 191.75,120.39 188.09,116.93 184.43,113.47 180.76,110.01 177.10,106.55 173.44,103.09 169.78,99.63 166.12,96.17 162.87,99.75 159.76,103.47 156.81,107.30 154.01,111.26 151.37,115.32 148.90,119.48 146.60,123.74 144.47,128.09 142.52,132.53 140.76,137.03 139.17,141.61 137.77,146.24 136.56,150.93 135.54,155.67 134.71,160.44 134.07,165.24 133.63,170.06 133.38,174.89 133.32,179.74 133.47,184.58 133.80,189.41 134.34,194.22 135.06,199.01 140.02,198.15 144.99,197.30 149.95,196.44 154.92,195.59 159.88,194.73 164.84,193.88 169.81,193.02 174.77,192.17 179.74,191.31 184.70,190.46 189.67,189.60 189.01,184.65 188.74,179.66 188.85,174.67 189.35,169.69 190.23,164.78 191.49,159.94 193.12,155.22 195.10,150.63 197.44,146.22 200.11,141.99 203.10,137.99 206.39,134.23 ' style='stroke-width: 1.07; stroke: #FFFFFF; fill: #1FC49B;' clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)' />
<polyline points='253.37,113.99 253.37,108.95 253.37,103.91 253.37,98.88 253.37,93.84 253.37,88.80 253.37,83.76 253.37,78.73 253.37,73.69 253.37,68.65 253.37,63.62 253.37,58.58 248.49,58.68 243.61,58.98 238.76,59.47 233.92,60.16 229.12,61.05 224.36,62.14 219.64,63.41 214.99,64.88 210.39,66.54 205.87,68.38 201.43,70.40 197.07,72.60 192.80,74.98 188.64,77.53 184.58,80.24 180.63,83.12 176.81,86.16 173.11,89.35 169.55,92.69 166.12,96.17 169.78,99.63 173.44,103.09 177.10,106.55 180.76,110.01 184.43,113.47 188.09,116.93 191.75,120.39 195.41,123.85 199.07,127.31 202.73,130.77 206.39,134.23 209.80,130.88 213.45,127.79 217.31,124.98 221.38,122.46 225.62,120.25 230.01,118.36 234.52,116.80 239.14,115.57 243.84,114.69 248.59,114.16 253.37,113.99 ' style='stroke-width: 1.07; stroke: #FFFFFF; fill: #00C896;' clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)' />
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='373.72' y='133.07' style='font-size: 10.00px; font-family: Arial;' textLength='23.33px' lengthAdjust='spacingAndGlyphs'>Crew</text></g>
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='372.05' y='147.47' style='font-size: 10.00px; font-family: Arial;' textLength='26.67px' lengthAdjust='spacingAndGlyphs'>(40%)</text></g>
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='193.16' y='302.99' style='font-size: 10.00px; font-family: Arial;' textLength='14.45px' lengthAdjust='spacingAndGlyphs'>3rd</text></g>
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='187.05' y='317.39' style='font-size: 10.00px; font-family: Arial;' textLength='26.67px' lengthAdjust='spacingAndGlyphs'>(32%)</text></g>
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='114.10' y='134.96' style='font-size: 10.00px; font-family: Arial;' textLength='13.34px' lengthAdjust='spacingAndGlyphs'>1st</text></g>
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='107.43' y='149.36' style='font-size: 10.00px; font-family: Arial;' textLength='26.67px' lengthAdjust='spacingAndGlyphs'>(15%)</text></g>
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='190.22' y='47.79' style='font-size: 10.00px; font-family: Arial;' textLength='16.68px' lengthAdjust='spacingAndGlyphs'>2nd</text></g>
<g clip-path='url(#cpODAuMjE5Mnw0MjYuNTIxfDM1MS43ODF8NS40Nzk0NQ==)'><text x='185.22' y='62.19' style='font-size: 10.00px; font-family: Arial;' textLength='26.67px' lengthAdjust='spacingAndGlyphs'>(13%)</text></g>
<defs>
  <clipPath id='cpMHw1MDR8MzYwfDA='>
    <rect x='0.00' y='0.00' width='504.00' height='360.00' />
  </clipPath>
</defs>
</svg>