一、阿里巴巴的圖標庫
http://www.iconfont.cn ,裏邊可下載svg、png、AI格式圖標。
二、Java生成SVG格式文件的開源工具庫jfreesvg
官網: http://www.jfree.org/jfreesvg/
GitHub: https://github.com/jfree/jfreesvg
配合作者的jfreechart可生成svg格式表格，直觀感覺還是挺有用的東西。
svg工作流:
下邊是用它Demo生成的SVG文件內容和在瀏覽器裏的效果圖：
<?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:jfreesvg="http://www.jfree.org/jfreesvg/svg" width="600" height="400" text-rendering="auto" shape-rendering="auto"> <defs> <linearGradient id="_7431485107828082gp5" x1="287.64" y1="177.93" x2="287.64" y2="323" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,255,0)" /> <stop offset="100%" stop-color="rgb(0,64,0)" /> </linearGradient> <linearGradient id="_7431485107828082gp8" x1="484.92" y1="295.96" x2="484.92" y2="323" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,0,255)" /> <stop offset="100%" stop-color="rgb(0,0,64)" /> </linearGradient> <linearGradient id="_7431485107828082gp2" x1="99.22" y1="263.77" x2="99.22" y2="323" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,0,255)" /> <stop offset="100%" stop-color="rgb(0,0,64)" /> </linearGradient> <linearGradient id="_7431485107828082gp6" x1="356.36" y1="231.58" x2="356.36" y2="323" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,0,255)" /> <stop offset="100%" stop-color="rgb(0,0,64)" /> </linearGradient> <linearGradient id="_7431485107828082gp0" x1="256" y1="384.5" x2="256" y2="392.5" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,0,255)" /> <stop offset="100%" stop-color="rgb(0,0,64)" /> </linearGradient> <linearGradient id="_7431485107828082gp9" x1="544.78" y1="188.66" x2="544.78" y2="323" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,255,0)" /> <stop offset="100%" stop-color="rgb(0,64,0)" /> </linearGradient> <linearGradient id="_7431485107828082gp4" x1="227.79" y1="210.12" x2="227.79" y2="323" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,0,255)" /> <stop offset="100%" stop-color="rgb(0,0,64)" /> </linearGradient> <linearGradient id="_7431485107828082gp1" x1="307" y1="384.5" x2="307" y2="392.5" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,255,0)" /> <stop offset="100%" stop-color="rgb(0,64,0)" /> </linearGradient> <linearGradient id="_7431485107828082gp7" x1="416.21" y1="70.62" x2="416.21" y2="323" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,255,0)" /> <stop offset="100%" stop-color="rgb(0,64,0)" /> </linearGradient> <linearGradient id="_7431485107828082gp3" x1="159.07" y1="135.01" x2="159.07" y2="323" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="rgb(0,255,0)" /> <stop offset="100%" stop-color="rgb(0,64,0)" /> </linearGradient> <clipPath id="_7431485107828082clip-0"> <path d="M 0 0 L 600 0 L 600 400 L 0 400 L 0 0 Z" /> </clipPath> <clipPath id="_7431485107828082clip-1"> <path d="M 198.5 159.5 L 198.5 759.5 L -201.5 759.5 L -201.5 159.5 L 198.5 159.5 Z" /> </clipPath> <clipPath id="_7431485107828082clip-2"> <path d="M 56 35 L 56 323 L 588 323 L 588 35 Z" /> </clipPath> </defs> <rect x="0" y="0" width="600" height="400" style="fill: rgb(255,255,255); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="157.5" y="21.01" style="fill: rgb(0,0,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 20px; font-weight: bold;" clip-path="url(#_7431485107828082clip-0)">Statistical Bar Chart Demo 1</text> </g> <rect x="249" y="378" width="102" height="21" style="fill: rgb(255,255,255); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g style="fill: url(#_7431485107828082gp0); fill-opacity: 1.0; stroke: none" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)"> <path d="M 252 384.5 L 260 384.5 L 260 392.5 L 252 392.5 L 252 384.5 Z" /> </g> <g transform="matrix(1,0,0,1,0,0)"> <text x="264" y="393.01" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">Row 1</text> </g> <g style="fill: url(#_7431485107828082gp1); fill-opacity: 1.0; stroke: none" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)"> <path d="M 303 384.5 L 311 384.5 L 311 392.5 L 303 392.5 L 303 384.5 Z" /> </g> <g transform="matrix(1,0,0,1,0,0)"> <text x="315" y="393.01" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">Row 2</text> </g> <rect x="56" y="35" width="532" height="288" style="fill: rgb(192,192,192); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="56" y1="327" x2="588" y2="327" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="129.15" y1="327" x2="129.15" y2="327" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="129.15" y1="327" x2="129.15" y2="329" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="257.72" y1="327" x2="257.72" y2="327" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="257.72" y1="327" x2="257.72" y2="329" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="386.28" y1="327" x2="386.28" y2="327" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="386.28" y1="327" x2="386.28" y2="329" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="514.85" y1="327" x2="514.85" y2="327" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <line x1="514.85" y1="327" x2="514.85" y2="329" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="104.15" y="345.01" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">Column 1</text> </g> <g transform="matrix(1,0,0,1,0,0)"> <text x="232.72" y="345.01" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">Column 2</text> </g> <g transform="matrix(1,0,0,1,0,0)"> <text x="361.28" y="345.01" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">Column 3</text> </g> <g transform="matrix(1,0,0,1,0,0)"> <text x="489.85" y="345.01" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">Column 4</text> </g> <g transform="matrix(1,0,0,1,0,0)"> <text x="305" y="369.11" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 14px; font-weight: bold;" clip-path="url(#_7431485107828082clip-0)">Type</text> </g> <line x1="52" y1="35" x2="52" y2="323" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="39" y="311.71" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">6</text> </g> <line x1="50" y1="306.69" x2="52" y2="306.69" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="39" y="290.25" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">8</text> </g> <line x1="50" y1="285.23" x2="52" y2="285.23" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="268.79" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">10</text> </g> <line x1="50" y1="263.77" x2="52" y2="263.77" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="247.33" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">12</text> </g> <line x1="50" y1="242.31" x2="52" y2="242.31" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="225.87" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">14</text> </g> <line x1="50" y1="220.85" x2="52" y2="220.85" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="204.41" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">16</text> </g> <line x1="50" y1="199.39" x2="52" y2="199.39" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="182.95" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">18</text> </g> <line x1="50" y1="177.93" x2="52" y2="177.93" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="161.49" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">20</text> </g> <line x1="50" y1="156.47" x2="52" y2="156.47" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="140.03" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">22</text> </g> <line x1="50" y1="135.01" x2="52" y2="135.01" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="118.57" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">24</text> </g> <line x1="50" y1="113.55" x2="52" y2="113.55" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="97.11" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">26</text> </g> <line x1="50" y1="92.08" x2="52" y2="92.08" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="75.65" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">28</text> </g> <line x1="50" y1="70.62" x2="52" y2="70.62" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="33" y="54.19" style="fill: rgb(64,64,64); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-0)">30</text> </g> <line x1="50" y1="49.16" x2="52" y2="49.16" style="stroke-width: 0.5;stroke: rgb(128,128,128);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> <g style="fill: rgb(64,64,64); fill-opacity: 1.0; stroke: none" transform="matrix(0,-1,1,0,-159.5,198.5)" clip-path="url(#_7431485107828082clip-1)"> <path d="M 9.56 174.44 L 6.06 184.61 L 3.39 184.61 L -0.11 174.44 L 2.55 174.44 L 4.77 181.33 L 6.97 174.44 L 9.56 174.44 Z M 14.59 182.61 L 14.59 181 Q 13.99 181.06 13.61 181.11 Q 13.23 181.16 12.87 181.28 Q 12.56 181.39 12.38 181.62 Q 12.21 181.84 12.21 182.2 Q 12.21 182.75 12.5 182.95 Q 12.79 183.16 13.35 183.16 Q 13.67 183.16 13.99 183.01 Q 14.32 182.86 14.59 182.61 Z M 14.59 183.8 Q 14.35 184 14.16 184.16 Q 13.96 184.33 13.63 184.5 Q 13.31 184.66 13 184.73 Q 12.7 184.81 12.15 184.81 Q 11.13 184.81 10.46 184.13 Q 9.79 183.45 9.79 182.41 Q 9.79 181.55 10.13 181.02 Q 10.48 180.5 11.12 180.19 Q 11.76 179.87 12.67 179.75 Q 13.57 179.62 14.6 179.56 L 14.6 179.51 Q 14.6 178.89 14.13 178.65 Q 13.67 178.41 12.73 178.41 Q 12.31 178.41 11.74 178.55 Q 11.18 178.7 10.63 178.95 L 10.43 178.95 L 10.43 177.09 Q 10.79 177 11.58 176.86 Q 12.37 176.72 13.18 176.72 Q 15.17 176.72 16.07 177.37 Q 16.98 178.03 16.98 179.39 L 16.98 184.61 L 14.59 184.61 L 14.59 183.8 Z M 21.14 184.61 L 18.75 184.61 L 18.75 173.97 L 21.14 173.97 L 21.14 184.61 Z M 30.1 184.61 L 27.71 184.61 L 27.71 183.76 Q 27.08 184.28 26.57 184.55 Q 26.05 184.83 25.33 184.83 Q 24.19 184.83 23.55 184.1 Q 22.91 183.37 22.91 181.92 L 22.91 176.94 L 25.32 176.94 L 25.32 180.73 Q 25.32 181.33 25.35 181.71 Q 25.38 182.09 25.49 182.34 Q 25.6 182.58 25.83 182.7 Q 26.05 182.83 26.47 182.83 Q 26.72 182.83 27.07 182.7 Q 27.41 182.58 27.71 182.37 L 27.71 176.94 L 30.1 176.94 L 30.1 184.61 Z M 35.86 184.81 Q 33.69 184.81 32.53 183.77 Q 31.37 182.73 31.37 180.81 Q 31.37 178.94 32.45 177.81 Q 33.53 176.69 35.47 176.69 Q 37.23 176.69 38.12 177.64 Q 39.01 178.59 39.01 180.36 L 39.01 181.22 L 33.76 181.22 Q 33.81 181.76 34 182.12 Q 34.19 182.47 34.5 182.69 Q 34.81 182.91 35.22 182.99 Q 35.62 183.08 36.11 183.08 Q 36.53 183.08 36.94 182.99 Q 37.34 182.91 37.67 182.75 Q 37.97 182.62 38.22 182.47 Q 38.47 182.31 38.62 182.2 L 38.87 182.2 L 38.87 184.17 Q 38.58 184.3 38.33 184.4 Q 38.09 184.5 37.67 184.59 Q 37.28 184.7 36.87 184.76 Q 36.45 184.81 35.86 184.81 Z M 36.66 179.78 Q 36.64 179.03 36.3 178.63 Q 35.97 178.23 35.28 178.23 Q 34.59 178.23 34.2 178.65 Q 33.81 179.06 33.76 179.78 L 36.66 179.78 Z" /> </g> <line x1="56" y1="306.69" x2="588" y2="306.69" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="285.23" x2="588" y2="285.23" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="263.77" x2="588" y2="263.77" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="242.31" x2="588" y2="242.31" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="220.85" x2="588" y2="220.85" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="199.39" x2="588" y2="199.39" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="177.93" x2="588" y2="177.93" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="156.47" x2="588" y2="156.47" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="135.01" x2="588" y2="135.01" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="113.55" x2="588" y2="113.55" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="92.08" x2="588" y2="92.08" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="70.62" x2="588" y2="70.62" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="56" y1="49.16" x2="588" y2="49.16" style="stroke-width: 0.5;stroke: rgb(255,255,255);stroke-opacity: 1.0;stroke-linejoin: bevel;stroke-dasharray: 2.0, 2.0;shape-rendering:crispEdges;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <rect x="82.6" y="263.77" width="33.25" height="59.23" style="fill: url(#_7431485107828082gp2); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="99.22" y1="289.52" x2="99.22" y2="238.02" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="94.22" y1="238.02" x2="104.22" y2="238.02" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="94.22" y1="289.52" x2="104.22" y2="289.52" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="92.72" y="318.52" style="fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-2)">10</text> </g> <rect x="142.45" y="135.01" width="33.25" height="187.99" style="fill: url(#_7431485107828082gp3); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="159.07" y1="160.76" x2="159.07" y2="109.25" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="154.07" y1="109.25" x2="164.07" y2="109.25" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="154.07" y1="160.76" x2="164.07" y2="160.76" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="152.57" y="318.52" style="fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-2)">22</text> </g> <rect x="211.17" y="210.12" width="33.25" height="112.88" style="fill: url(#_7431485107828082gp4); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="227.79" y1="257.33" x2="227.79" y2="162.9" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="222.79" y1="162.9" x2="232.79" y2="162.9" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="222.79" y1="257.33" x2="232.79" y2="257.33" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="221.29" y="318.52" style="fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-2)">15</text> </g> <rect x="271.02" y="177.93" width="33.25" height="145.07" style="fill: url(#_7431485107828082gp5); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="287.64" y1="225.14" x2="287.64" y2="130.71" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="282.64" y1="130.71" x2="292.64" y2="130.71" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="282.64" y1="225.14" x2="292.64" y2="225.14" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="281.14" y="318.52" style="fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-2)">18</text> </g> <rect x="339.73" y="231.58" width="33.25" height="91.42" style="fill: url(#_7431485107828082gp6); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="356.36" y1="254.11" x2="356.36" y2="209.04" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="351.36" y1="209.04" x2="361.36" y2="209.04" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="351.36" y1="254.11" x2="361.36" y2="254.11" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="349.86" y="318.52" style="fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-2)">13</text> </g> <rect x="399.58" y="70.62" width="33.25" height="252.38" style="fill: url(#_7431485107828082gp7); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="416.21" y1="93.16" x2="416.21" y2="48.09" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="411.21" y1="48.09" x2="421.21" y2="48.09" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="411.21" y1="93.16" x2="421.21" y2="93.16" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="409.71" y="318.52" style="fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-2)">28</text> </g> <rect x="468.3" y="295.96" width="33.25" height="27.04" style="fill: url(#_7431485107828082gp8); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="484.92" y1="309.91" x2="484.92" y2="282.01" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="479.92" y1="282.01" x2="489.92" y2="282.01" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="479.92" y1="309.91" x2="489.92" y2="309.91" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="481.42" y="318.52" style="fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-2)">7</text> </g> <rect x="528.15" y="188.66" width="33.25" height="134.34" style="fill: url(#_7431485107828082gp9); fill-opacity: 1.0" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="544.77" y1="202.61" x2="544.77" y2="174.71" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="539.77" y1="174.71" x2="549.77" y2="174.71" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <line x1="539.77" y1="202.61" x2="549.77" y2="202.61" style="stroke-width: 1.0;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: square;shape-rendering:geometricPrecision;" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-2)" /> <g transform="matrix(1,0,0,1,0,0)"> <text x="538.28" y="318.52" style="fill: rgb(255,255,0); fill-opacity: 1.0; font-family: Tahoma; font-size: 12px;" clip-path="url(#_7431485107828082clip-2)">17</text> </g> <rect x="56" y="35" width="532" height="288" style="stroke-width: 0.5;stroke: rgb(0,0,0);stroke-opacity: 1.0;stroke-linecap: round;stroke-linejoin: round;shape-rendering:crispEdges;; fill: none" transform="matrix(1,0,0,1,0,0)" clip-path="url(#_7431485107828082clip-0)" /> </svg>