MathArt EXPLORE

Paste it into Paste ArtData window.

Explore SVG Shapes

Reset MathArt App before each Demo
Copy these text strings from here.
Follow the instruction with each Demo.
See what you can learn?

Shape List Demo

Choose Reset

Choose:
Circle
Ellipse
Leaves
Pentagon
Stick
Heart
Cresent
Hexagon
Octagon
Square
Triangle
Notice the change.

polyShape

Choose Reset.
Copy this ArtData string.

1_0_20_1_5_0.52_0_0_-500_-278_10_100_100_1_0_5_0_#triangle_false_false_false_false_false_false_false_false_false_false_false_false

Choose Paste Art Data.
Paste into the input field.
Choose polyShape
Pick points to define your Polygon.
Change the Transformation Slider values.

newShape

Choose Reset.
Choose newShape.
Choose Paste SVG Object.
Copy All the SVG code between any two red titles.
Paste the code into
learn?

anarrow

<g>
<g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M567.98,757.448 c-0.713,0.701,219.262-43.584,219.262-43.584l4.179,16.941l81.048-47.231l-96.003-13.402l3.862,15.658 C780.328,685.831,568.694,756.748,567.98,757.448z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M556.308,737.246 c0.251,0.968,71.887-211.679,71.887-211.679l16.761,4.852l-0.379-93.805l-59.608,76.44l15.492,4.484 C600.46,517.538,556.059,736.277,556.308,737.246z"/>
</g>
<g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M292.54,685.831l3.862-15.658l-96.003,13.402 l81.048,47.231l4.179-16.941c0,0,219.975,44.285,219.262,43.584C504.174,756.748,292.54,685.831,292.54,685.831z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M472.407,517.538l15.492-4.484l-59.608-76.44 l-0.379,93.805l16.761-4.852c0,0,71.636,212.646,71.887,211.679C516.809,736.277,472.407,517.538,472.407,517.538z"/>
</g>
</g>
<g>
<g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M780.328,850.239l-3.862,15.658l96.003-13.401 l-81.048-47.231l-4.179,16.941c0,0-219.975-44.285-219.262-43.584C568.694,779.322,780.328,850.239,780.328,850.239z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M600.46,1018.532l-15.492,4.483l59.608,76.441 l0.379-93.806l-16.761,4.852c0,0-71.636-212.646-71.887-211.679C556.059,799.793,600.46,1018.532,600.46,1018.532z"/>
</g>
<g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M504.888,778.622 c0.713-0.701-219.262,43.584-219.262,43.584l-4.179-16.941l-81.048,47.231l96.003,13.401l-3.862-15.658 C292.54,850.239,504.174,779.322,504.888,778.622z"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M516.56,798.824 c-0.251-0.968-71.887,211.679-71.887,211.679l-16.761-4.852l0.379,93.806l59.608-76.441l-15.492-4.483 C472.407,1018.532,516.809,799.793,516.56,798.824z"/>
</g>
</g>

axes

<g>
<rect x="-27" y="-864" />
<rect x="-868.5" y="-22.5" width="1737" height="54"/>
</g>

BIRD-FEET2

<g>
<g>
<polygon fill="#F5DC37" stroke="#000000" stroke-miterlimit="10" points="206.323,570.564 421.252,259.573 255.097,398.838 288.379,403.242 146.364,573.303 273.729,452.972 "/>
<polygon fill="#3EA1DA" stroke="#000000" stroke-miterlimit="10" points="258.204,603.367 361.429,202.403 253.675,410.341 284.185,401.271 206.188,630.473 285.033,457.382 "/>
</g>
<g>
<polygon fill="#40AFCE" stroke="#000000" stroke-miterlimit="10" points="366.662,421.977 104.676,482.109 343.157,326.508 283.908,392.52 469.607,314.571 291.628,419.194 "/>
<polygon fill="#F5DC37" stroke="#000000" stroke-miterlimit="10" points="339.196,438.413 100.11,420.35 363.922,351.862 285.857,391.91 471.498,374.968 279.88,416.396 "/>
<polygon fill="#D81869" stroke="#000000" stroke-miterlimit="10" points="316.82,460.423 132.576,317.93 360.932,402.747 287.753,393.85 439.586,479.128 276.079,410.71 "/>
<polygon fill="#3EA1DA" stroke="#000000" stroke-miterlimit="10" points="292.678,466.197 188.362,247.903 343.676,443.218 288.721,395.614 383.801,549.155 274.772,403.004 "/>
<polygon fill="#7AC143" stroke="#000000" stroke-miterlimit="10" points="274.893,446.82 230.458,236.854 330.322,465.159 289.398,398.356 341.705,560.205 273.951,394.059 "/>
<polygon fill="#EE1E42" stroke="#000000" stroke-miterlimit="10" points="264.39,423.334 277.161,243.377 308.658,477.564 289.138,400.297 295.189,552.502 276.6,385.751 "/>
</g>
</g>

bows2

<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M169.815,74.378L42.754-18.059 C38.49-91.593,21.187-146.63,0.486-146.63c-20.701,0-38.004,55.037-42.268,128.571l-137.142,90.756l63.865-21.849h73.182 C-37.781,125.224-20.371,181.1,0.487,181.1c20.858,0,38.269-55.875,42.364-130.251h68.141L169.815,74.378z"/>

ELLIPSE-90-QUARTER2

<g>
<g>
<ellipse cx="932.827" cy="940.699" rx="194.696" ry="33.333"/>
<ellipse cx="500.827" cy="940.699" rx="194.697" ry="33.333"/>
</g>
<g>
<ellipse cx="932.828" cy="508.699" rx="194.697" ry="33.333"/>
<ellipse cx="500.827" cy="508.699" rx="194.697" ry="33.333"/>
</g>
</g>

ELLIPSE-90A-QUARTER2

<g>
<g>
<ellipse cx="0.0" cy="940.699" rx="194.696" ry="33.333"/>
<ellipse cx="0.0" cy="-940.699" rx="194.697" ry="33.333"/>
</g>
<g>
<ellipse cx="-940.699" cy="0.0" rx="194.697" ry="33.333"/>
<ellipse cx="940.699" cy="0.0" rx="194.697" ry="33.333"/>
</g>
</g>

ELLIPSE-QUARTER-ROTATE_90_COPY2

<g>
<g>
<ellipse cx="-216" cy="228.327" rx="33.333" ry="194.697"/>
<ellipse cx="-216" cy="-203.673" rx="33.333" ry="194.697"/>
</g>
<g>
<ellipse cx="216" cy="228.327" rx="33.333" ry="194.697"/>
<ellipse cx="216" cy="-203.673" rx="33.333" ry="194.697"/>
</g>
<g>
<ellipse cx="216" cy="228.327" rx="194.697" ry="33.333"/>
<ellipse cx="-216" cy="228.327" rx="194.697" ry="33.333"/>
</g>
<g>
<ellipse cx="216" cy="-203.673" rx="194.697" ry="33.333"/>
<ellipse cx="-216" cy="-203.673" rx="194.697" ry="33.333"/>
</g>
</g>

ELLIPSE-QUARTER1

<g>
<g>
<ellipse cx="-215.339" cy="215.698" rx="33.333" ry="194.697"/>
<ellipse cx="-215.339" cy="-216.303" rx="33.333" ry="194.697"/>
</g>
<g>
<ellipse cx="216.661" cy="215.698" rx="33.333" ry="194.697"/>
<ellipse cx="216.661" cy="-216.303" rx="33.333" ry="194.697"/>
</g>
</g>

fan

<polygon fill="#FFEE99" stroke="#000000" stroke-miterlimit="10" points="596.961,289.44 25.941,518.698 248.447,233.806 ">
</polygon>
<polygon fill="#A8D59C" stroke="#000000" stroke-miterlimit="10" points="606.733,362.779 68.612,429.069 293.875,233.232 ">
</polygon>
<polygon fill="#9FC9EB" stroke="#000000" stroke-miterlimit="10" points="600.886,421.034 105.697,353.314 326.377,235.539 ">
</polygon>
<polygon fill="#AE99C9" stroke="#000000" stroke-miterlimit="10" points="587.26,469.445 141.831,295.226 352.119,244.244 ">
</polygon>
<polygon fill="#D09EC8" stroke="#000000" stroke-miterlimit="10" points="575.77,509.072 184.125,253.861 379.634,258.525 ">
</polygon>
<polygon fill="#EB9CC4" stroke="#000000" stroke-miterlimit="10" points="570.062,538.013 233.833,224.921 411.454,274.516 ">
</polygon>
<polygon fill="#F499C1" stroke="#000000" stroke-miterlimit="10" points="564.531,556.717 283.363,206.216 441.121,290.706 ">
</polygon>
<polygon fill="#F69799" stroke="#000000" stroke-miterlimit="10" points="559.977,566.564 331.918,196.368 468.812,306.565 ">
</polygon>
<polygon fill="#F8A99A" stroke="#000000" stroke-miterlimit="10" points="557.017,568.94 378.877,193.993 494.729,321.678 ">
</polygon>
<polygon fill="#F8A99A" stroke="#000000" stroke-miterlimit="10" points="579.017,568.94 400.877,193.993 516.729,321.678 ">
</polygon>

flowerpot

<circle cx="305.005" cy="395.406" r="15.072"/>
<polygon points="304.703,320.558 335.616,320.558 275.277,320.558 304.703,200.488 335.616,156.604 275.277,156.604 308.799,202.316 341.714,320.558 "/>
<circle cx="305.355" cy="395.337" r="15.072"/>
<polygon points="305.053,470.185 335.966,470.185 275.627,470.185 305.053,590.256 335.966,634.141 275.627,634.141 309.149,588.427 342.063,470.185 "/>
<circle cx="305.138" cy="396.353" r="15.071"/>
<polygon points="285.477,324.134 315.337,316.133 257.051,331.751 254.398,208.155 272.901,157.765 214.617,173.382 258.829,208.86 321.224,314.557 "/>
<circle cx="305.458" cy="396.197" r="15.071"/>
<polygon points="324.539,468.57 354.399,460.57 296.115,476.188 355.617,584.551 396.833,618.938 338.55,634.555 359.098,581.725 360.286,458.992 "/>
<circle cx="305.208" cy="396.499" r="15.072"/>
<polygon points="267.523,331.83 294.296,316.372 242.039,346.542 207.488,227.845 212.318,174.383 160.063,204.554 211.95,227.381 299.574,313.326 "/>
<circle cx="305.477" cy="396.264" r="15.071"/>
<polygon points="342.639,461.235 369.41,445.779 317.156,475.949 402.674,565.219 451.39,587.766 399.132,617.938 405.306,561.588 374.692,442.73 "/>
<path d="M315.972,385.964 c-5.887-5.886-15.43-5.887-21.315,0c-5.885,5.885-5.887,15.428,0,21.313c5.886,5.885,15.429,5.885,21.315,0 C321.854,401.392,321.854,391.849,315.972,385.964z"/>
<polygon points="252.175,343.909 274.034,322.049 231.367,364.717 167.272,259.005 158.101,206.116 115.435,248.783 171.462,257.402 278.344,317.74 "/>
<circle cx="305.512" cy="396.325" r="15.071"/>
<polygon points="358.224,449.463 380.083,427.604 337.417,470.271 443.128,534.366 496.018,543.537 453.352,586.204 444.73,530.176 384.393,423.295 "/>
<circle cx="305.447" cy="396.712" r="15.071"/>
<polygon points="240.477,359.549 255.934,332.777 225.763,385.033 136.492,299.514 113.944,250.8 83.774,303.056 140.123,296.88 258.98,327.498 "/>
<circle cx="305.563" cy="396.374" r="15.071"/>
<polygon points="370.231,434.059 385.688,407.287 355.519,459.543 474.217,494.094 527.675,489.265 497.507,541.521 474.68,489.633 388.734,402.008 "/>
<circle cx="305.599" cy="396.765" r="15.071"/>
<polygon points="233.225,377.685 241.225,347.825 225.607,406.107 117.245,346.607 82.857,305.389 67.24,363.674 120.07,343.125 242.803,341.936 "/>
<circle cx="305.624" cy="396.41" r="15.071"/>
<polygon points="377.842,416.072 385.843,386.212 370.228,444.497 493.823,447.148 544.212,428.646 528.595,486.93 493.116,442.719 387.42,380.325 "/>
<circle cx="305.76" cy="396.777" r="15.072"/>
<polygon points="230.913,397.078 230.913,366.165 230.913,426.505 110.842,397.078 66.958,366.165 66.958,426.505 112.67,392.982 230.912,360.07 "/>
<circle cx="305.691" cy="396.427" r="15.072"/>
<polygon points="380.539,396.729 380.539,365.816 380.539,426.155 500.609,396.729 544.494,365.815 544.494,426.155 498.78,392.633 380.539,359.72 "/>
<path d="M302.807,382.085 c-8.039,2.154-12.812,10.418-10.656,18.459c2.153,8.039,10.418,12.811,18.459,10.656c8.036-2.153,12.81-10.419,10.656-18.458 C319.109,384.703,310.846,379.932,302.807,382.085z"/>
<polygon points="234.488,416.307 226.488,386.447 242.104,444.73 118.509,447.383 68.119,428.881 83.737,487.164 119.215,442.953 224.91,380.559 "/>
<path d="M302.649,381.766 c8.041-2.154,16.304,2.617,18.457,10.656c2.157,8.04-2.615,16.305-10.655,18.459c-8.039,2.154-16.305-2.617-18.458-10.656 C289.838,392.184,294.61,383.919,302.649,381.766z"/>
<polygon points="378.926,377.242 370.925,347.382 386.543,405.668 494.903,346.166 529.291,304.948 544.909,363.231 492.078,342.684 369.347,341.495 "/>
<circle cx="306.853" cy="396.573" r="15.071"/>
<polygon points="242.184,434.258 226.727,407.486 256.896,459.742 138.199,494.293 84.738,489.464 114.909,541.719 137.734,489.831 223.68,402.207 "/>
<circle cx="306.62" cy="396.304" r="15.071"/>
<polygon points="371.59,359.142 356.132,332.37 386.304,384.626 475.573,299.106 498.121,250.394 528.29,302.648 471.941,296.474 353.085,327.092 "/>
<circle cx="306.976" cy="396.468" r="15.071"/>
<polygon points="254.263,449.605 232.404,427.746 275.07,470.413 169.36,534.509 116.471,543.68 159.138,586.349 167.757,530.32 228.094,423.438 "/>
<circle cx="306.678" cy="396.27" r="15.071"/>
<polygon points="359.816,343.557 337.957,321.699 380.623,364.365 444.719,258.654 453.893,205.766 496.559,248.432 440.532,257.052 333.647,317.389 "/>
<circle cx="307.066" cy="396.334" r="15.072"/>
<polygon points="269.902,461.305 243.131,445.849 295.387,476.018 209.868,565.288 161.154,587.838 213.41,618.007 207.234,561.658 237.854,442.802 "/>
<circle cx="306.728" cy="396.22" r="15.071"/>
<polygon points="344.414,331.55 317.643,316.094 369.896,346.264 404.448,227.566 399.619,174.105 451.875,204.275 399.987,227.102 312.363,313.046 "/>
<circle cx="306.273" cy="396.331" r="15.072"/>
<polygon points="287.193,468.707 257.332,460.705 315.616,476.322 256.116,584.686 214.898,619.073 273.182,634.689 252.633,581.859 251.445,459.129 "/>
<circle cx="305.917" cy="396.307" r="15.071"/>
<polygon points="325.581,324.088 295.721,316.087 354.004,331.703 356.657,208.108 338.155,157.719 396.438,173.336 352.229,208.814 289.834,314.51 "/>
<circle cx="305.005" cy="395.406" r="15.072"/>
<polygon points="304.703,320.558 335.616,320.558 275.277,320.558 304.703,200.488 335.616,156.604 275.277,156.604 308.799,202.316 341.714,320.558 "/>
<circle cx="305.355" cy="395.337" r="15.072"/>
<polygon points="305.053,470.185 335.966,470.185 275.627,470.185 305.053,590.256 335.966,634.141 275.627,634.141 309.149,588.427 342.063,470.185 "/>

grid

<g>
<g>
<g>
<rect x="-719.999" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="-576" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="-432" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="-288" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="-143.557" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="0.442" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="144.442" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="288.442" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="432" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="576" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="144" height="1440"/>
</g>
<g>
<rect x="-720" y="585" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="441" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="297" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="153.001" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="8.558" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-135.441" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-279.441" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-423.441" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-567" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-711" fill="none" stroke="#000000" stroke-miterlimit="10" width="1440" height="144"/>
</g>
</g>
<rect x="-882" y="-882" fill="none" stroke="#000000" stroke-miterlimit="10" width="1746" height="1755"/>
</g>

grid2

<g>
<rect x="-719.999" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="-576" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="-432" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="-288" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="-143.557" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="0.442" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="144.442" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="288.442" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="432" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
<rect x="576" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="144" height="1440"/>
</g>
<g>
<rect x="-720" y="585" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="441" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="297" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="153.001" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="8.558" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-135.441" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-279.441" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-423.441" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-567" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
<rect x="-720" y="-711" fill="none" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1440" height="144"/>
</g>
</g>
<rect x="-27" y="-864" fill="#EB1D24" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="54" height="1737"/>
<rect x="-868.5" y="-22.5" fill="#EB1D24" stroke="#ED1750" stroke-width="5" stroke-miterlimit="10" width="1737" height="54"/>

HOOK1

<path d="M317.364,803.97c18.163-400.035,293.339-898.508,371.212-380.303 c142.706,949.541,206.801-17.154-326.793,841.696c-70.271,113.105,192.083-410.258,202.551-750.787 C590.091-323.301,296.133,1271.563,317.364,803.97z"/>

polyshape1

<g _ngcontent-c1="" id="polyShape" style="fill-rule:evenodd">
<polygon _ngcontent-c1="" points=" 768,1100 1432,574 1497,598 2615,1163 1565,530 1597,497 2634,43 1585,546 707,27 1509,593 ">
</polygon>
</g>

polyshape2

<g _ngcontent-c1="" id="polyShape" style="fill-rule:evenodd">
<polygon _ngcontent-c1="" points=" 787,1820 2371,1770 818,1621 2299,1499 751,1290 2402,1093 780,894 2314,623 ">
</polygon>
</g>

polyshape6

<polygon _ngcontent-c1="" points=" 1286,1038 1747,904 1718,1304 1325,766 1779,936 1339,1157 1083,787 1541,781 1510,979 1254,1043 1067,957 1090,800 1221,701 1421,658 1597,725 1691,787 1776,946 1736,1136 1693,1186 1531,1251 1323,1242 1141,1208 1101,1136 1122,1109 2147,688 1176,720 1869,1066 1285,1085 1555,438 1568,918 2290,998 1480,1046 1475,1731 1485,963 899,960 1485,858 ">
</polygon>

ring

<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M12.318-336.067v-37.796h-24.638v37.796 c-190.396,6.493-342.753,162.879-342.753,354.856c0,196.102,158.971,355.073,355.073,355.073 c196.101,0,355.072-158.972,355.072-355.073C355.072-173.188,202.714-329.575,12.318-336.067z M0,338.356 c-176.491,0-319.565-143.075-319.565-319.566c0-172.363,136.467-312.829,307.246-319.306v26.653h24.638v-26.653 C183.097-294.04,319.565-153.574,319.565,18.79C319.565,195.281,176.49,338.356,0,338.356z"/>

RUNNER2

<path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M344.392,1090c0,0,197.101-327.538,27.536-815.942c172.51,494.14,820.289,508.696,820.289,508.696S541.493,762.462,344.392,1090z"/>
<path fill="#7CC142" stroke="#000000" stroke-miterlimit="10" d="M272.456,1090c0,0,254.854-327.538,171.409-815.942c85.379,494.14,730.592,508.696,730.592,508.696S527.31,762.462,272.456,1090z"/>
<path fill="#4372B8" stroke="#000000" stroke-miterlimit="10" d="M200.52,1090c0,0,312.608-327.538,315.281-815.942c-1.751,494.14,640.895,508.696,640.895,508.696S513.127,762.462,200.52,1090z"/>
<path fill="#ED2B91" stroke="#000000" stroke-miterlimit="10" d="M128.583,1090c0,0,370.361-327.538,459.154-815.942c-88.881,494.14,551.197,508.696,551.197,508.696S498.945,762.462,128.583,1090z"/>
<path fill="#7CC142" stroke="#000000" stroke-miterlimit="10" d="M56.647,1090c0,0,428.115-327.538,603.026-815.942c-176.012,494.14,461.5,508.696,461.5,508.696S484.762,762.462,56.647,1090z"/>
<path fill="#4372B8" stroke="#000000" stroke-miterlimit="10" d="M-15.289,1090c0,0,485.868-327.538,746.899-815.942c-263.142,494.14,371.803,508.696,371.803,508.696S470.58,762.462-15.289,1090z"/>
<path fill="#ED2B91" stroke="#000000" stroke-miterlimit="10" d="M-87.225,1090c0,0,543.622-327.538,890.771-815.942c-350.272,494.14,282.105,508.696,282.105,508.696S456.397,762.462-87.225,1090z"/>
<path fill="#7CC142" stroke="#000000" stroke-miterlimit="10" d="M-159.161,1090c0,0,601.375-327.538,1034.644-815.942c-437.403,494.14,192.408,508.696,192.408,508.696S442.214,762.462-159.161,1090z"/>
<path fill="#4372B8" stroke="#000000" stroke-miterlimit="10" d="M-231.097,1090c0,0,659.128-327.538,1178.517-815.942c-524.533,494.14,102.711,508.696,102.711,508.696S428.032,762.462-231.097,1090z"/>
<path fill="#ED2B91" stroke="#000000" stroke-miterlimit="10" d="M-303.033,1090c0,0,716.882-327.538,1322.389-815.942c-611.664,494.14,13.014,508.696,13.014,508.696S413.849,762.462-303.033,1090z"/>

squareStarEllipse

<ellipse cx="-463.877975" cy="-370.39286" rx="271.00894" ry="129.26785" />
<rect x="-200" y="-200" width="4000px" height="200px" />
<path d="M 369.6607,215.35715 265.56231,288.00556 266.39337,414.94482 165.13246,338.39096 44.662862,378.40773 86.178563,258.44644 10.893201,156.23891 137.81223,158.65261 211.75291,55.468109 248.67748,176.92115 Z" />

text

<text font-size="172">
My Text</text>

TRIPOINT2

<path d="M344.392,1090c0,0,197.101-327.538,27.536-815.942c172.51,494.14,820.289,508.696,820.289,508.696S541.493,762.462,344.392,1090z"/>

xy

<polygon points="1215,720 1143,684 1143,714.885 247.459,714.885 247.459,724.721 1143,724.721 1143,756 "/>
<polygon points="731.229,236.229 695.229,308.229 726.115,308.229 726.115,1203.77 735.95,1203.77 735.95,308.229 767.229,308.229 "/>

xyarrows

<polygon fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" points="486,2.23 414,-33.77 414,-2.884 6.95,-2.884 6.95,-409.541 38.229,-409.541 2.229,-481.541 -33.771,-409.541 -2.885,-409.541 -2.885,-2.884 -481.541,-2.884 -481.541,6.951 -2.885,6.951 -2.885,486 6.95,486 6.95,6.951 414,6.951 414,38.23 "/>

zigzag

<g _ngcontent-c1="" id="polyShape" style="fill-rule:evenodd">
<polygon _ngcontent-c1="" points=" 787,1820 2371,1770 818,1621 2299,1499 751,1290 2402,1093 780,894 2314,623 ">
</polygon>
</g>

zoom

<g>
<rect x="-720" y="-720" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="1440" height="1440"/>
<rect x="-648" y="-648" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="1296" height="1296"/>
<rect x="-583.2" y="-583.2" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="1166.4" height="1166.4"/>
<rect x="-524.88" y="-524.88" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="1049.76" height="1049.76"/>
<rect x="-472.392" y="-472.392" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="944.784" height="944.784"/>
<rect x="-425.153" y="-425.153" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="850.305" height="850.305"/>
<rect x="-382.638" y="-382.638" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="765.274" height="765.274"/>
<rect x="-344.374" y="-344.374" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="688.747" height="688.747"/>
<rect x="-309.937" y="-309.937" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="619.872" height="619.872"/>
<rect x="-278.943" y="-278.943" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="557.885" height="557.885"/>
<rect x="-251.048" y="-251.048" fill="#FFFFFF" stroke="#000000" stroke-width="8" stroke-miterlimit="10" width="502.096" height="502.096"/>
</g>