<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path
fill="#24A148"
d="M30.2,-54.5C35.6,-49.3,33.9,-33.9,32.8,-23.2C31.6,-12.4,31,-6.2,37.8,3.9C44.6,14.1,58.8,28.1,61.5,41.6C64.3,55.1,55.5,68,43.3,65.6C31.1,63.3,15.6,45.7,4,38.7C-7.5,31.7,-15.1,35.5,-26.8,37.6C-38.6,39.7,-54.5,40.2,-57.4,33.6C-60.3,27.1,-50.2,13.6,-46.7,2.1C-43.1,-9.4,-46.1,-18.9,-43.1,-25.4C-40.2,-31.9,-31.4,-35.5,-23.2,-39.1C-15,-42.8,-7.5,-46.5,2.5,-50.8C12.4,-55,24.9,-59.8,30.2,-54.5Z"
transform="translate(100 100)"
/>
<line
x1="30.2"
y1="-54.5"
x2="35.6"
y2="-49.3"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="33.9"
y1="-33.9"
x2="32.8"
y2="-23.2"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="32.8"
y1="-23.2"
x2="31.6"
y2="-12.4"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="31"
y1="-6.2"
x2="37.8"
y2="3.9"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="37.8"
y1="3.9"
x2="44.6"
y2="14.1"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="58.8"
y1="28.1"
x2="61.5"
y2="41.6"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="61.5"
y1="41.6"
x2="64.3"
y2="55.1"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="55.5"
y1="68"
x2="43.3"
y2="65.6"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="43.3"
y1="65.6"
x2="31.1"
y2="63.3"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="15.6"
y1="45.7"
x2="4"
y2="38.7"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="4"
y1="38.7"
x2="-7.5"
y2="31.7"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-15.1"
y1="35.5"
x2="-26.8"
y2="37.6"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-26.8"
y1="37.6"
x2="-38.6"
y2="39.7"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-54.5"
y1="40.2"
x2="-57.4"
y2="33.6"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-57.4"
y1="33.6"
x2="-60.3"
y2="27.1"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-50.2"
y1="13.6"
x2="-46.7"
y2="2.1"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-46.7"
y1="2.1"
x2="-43.1"
y2="-9.4"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-46.1"
y1="-18.9"
x2="-43.1"
y2="-25.4"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-43.1"
y1="-25.4"
x2="-40.2"
y2="-31.9"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-31.4"
y1="-35.5"
x2="-23.2"
y2="-39.1"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-23.2"
y1="-39.1"
x2="-15"
y2="-42.8"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="-7.5"
y1="-46.5"
x2="2.5"
y2="-50.8"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="2.5"
y1="-50.8"
x2="12.4"
y2="-55"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<line
x1="24.9"
y1="-59.8"
x2="30.2"
y2="-54.5"
style="stroke: rgb(255, 0, 0); stroke-width: 1; stroke-opacity: 0.5;"
transform="translate(100 100)"
/>
<g fill="black" transform="translate(100 100)">
<circle id="pointA" cx="30.2" cy="-54.5" r="1" />
<circle id="pointB" cx="35.6" cy="-49.3" r="1" />
<circle id="pointC" cx="33.9" cy="-33.9" r="1" />
<circle id="pointD" cx="32.8" cy="-23.2" r="1" />
<circle cx="31.6" cy="-12.4" r="1" />
<circle cx="31" cy="-6.2" r="1" />
<circle cx="37.8" cy="3.9" r="1" />
<circle cx="44.6" cy="14.1" r="1" />
<circle cx="58.8" cy="28.1" r="1" />
<circle cx="61.5" cy="41.6" r="1" />
<circle cx="64.3" cy="55.1" r="1" />
<circle cx="55.5" cy="68" r="1" />
<circle cx="43.3" cy="65.6" r="1" />
<circle cx="31.1" cy="63.3" r="1" />
<circle cx="15.6" cy="45.7" r="1" />
<circle cx="4" cy="38.7" r="1" />
<circle cx="-7.5" cy="31.7" r="1" />
<circle cx="-15.1" cy="35.5" r="1" />
<circle cx="-26.8" cy="37.6" r="1" />
<circle cx="-38.6" cy="39.7" r="1" />
<circle cx="-54.5" cy="40.2" r="1" />
<circle cx="-57.4" cy="33.6" r="1" />
<circle cx="-60.3" cy="27.1" r="1" />
<circle cx="-50.2" cy="13.6" r="1" />
<circle cx="-46.7" cy="2.1" r="1" />
<circle cx="-43.1" cy="-9.4" r="1" />
<circle cx="-46.1" cy="-18.9" r="1" />
<circle cx="-43.1" cy="-25.4" r="1" />
<circle cx="-40.2" cy="-31.9" r="1" />
<circle cx="-31.4" cy="-35.5" r="1" />
<circle cx="-23.2" cy="-39.1" r="1" />
<circle cx="-15" cy="-42.8" r="1" />
<circle cx="-7.5" cy="-46.5" r="1" />
<circle cx="2.5" cy="-50.8" r="1" />
<circle cx="12.4" cy="-55" r="1" />
<circle cx="24.9" cy="-59.8" r="1" />
<circle cx="30.2" cy="-54.5" r="1" />
</g>
<g
font-size="3"
font-family="sans-serif"
fill="black"
stroke="none"
text-anchor="middle"
transform="translate(100 100)"
>
<text x="30.2" y="-54.5" dy="-2" dx="12">(30.2,-54.5) Start</text>
<text x="35.6" y="-49.3" dy="-2" dx="12">(35.6,-49.3)</text>
<text x="33.9" y="-33.9" dy="-2" dx="12">(33.9,-33.9)</text>
<text x="32.8" y="-23.2" dy="-2" dx="12">(32.8,-23.2)</text>
<text x="31.6" y="-12.4" dy="-2" dx="12">(31.6,-12.4)</text>
<text x="31" y="-6.2" dy="-2" dx="12">(31,-6.2)</text>
<text x="37.8" y="3.9" dy="-2" dx="12">(37.8,3.9)</text>
<text x="44.6" y="14.1" dy="-2" dx="12">(44.6,14.1)</text>
<text x="58.8" y="28.1" dy="-2" dx="12">(58.8,28.1)</text>
<text x="61.5" y="41.6" dy="-2" dx="12">(61.5,41.6)</text>
<text x="64.3" y="55.1" dy="-2" dx="12">(64.3,55.1)</text>
<text x="55.5" y="68" dy="-2" dx="3">(55.5,68)</text>
<text x="43.3" y="65.6" dy="5" dx="0">(43.3,65.6)</text>
<text x="31.1" y="63.3" dy="5" dx="-5">(31.1,63.3)</text>
<text x="15.6" y="45.7" dy="5" dx="-5">(15.6,45.7)</text>
<text x="4" y="38.7" dy="5" dx="-5">(4,38.7)</text>
<text x="-7.5" y="31.7" dy="0" dx="10">(-7.5,31.7)</text>
<text x="-15.1" y="35.5" dy="5" dx="3">(-15.1,35.5)</text>
<text x="-26.8" y="37.6" dy="-3" dx="0">(-26.8,37.6)</text>
<text x="-38.6" y="39.7" dy="5" dx="0">(-38.6,39.7)</text>
<text x="-54.5" y="40.2" dy="5" dx="-5">(-54.5,40.2)</text>
<text x="-57.4" y="33.6" dy="2" dx="-10">(-57.4,33.6)</text>
<text x="-60.3" y="27.1" dy="0" dx="-10">(-60.3,27.1)</text>
<text x="-50.2" y="13.6" dy="3" dx="-12">(-50.2,13.6)</text>
<text x="-46.7" y="2.1" dy="2" dx="-8">(-46.7,2.1)</text>
<text x="-43.1" y="-9.4" dy="2" dx="-10">(-43.1,-9.4)</text>
<text x="-46.1" y="-18.9" dy="2" dx="-10">(-46.1,-18.9)</text>
<text x="-43.1" y="-25.4" dy="0" dx="-10">(-43.1,-25.4)</text>
<text x="-40.2" y="-31.9" dy="0" dx="-10">(-40.2,-31.9)</text>
<text x="-31.4" y="-35.5" dy="-1" dx="-10">(-31.4,-35.5)</text>
<text x="-23.2" y="-39.1" dy="-1" dx="-10">(-23.2,-39.1)</text>
<text x="-15" y="-42.8" dy="-1" dx="-10">(-15,-42.8)</text>
<text x="-7.5" y="-46.5" dy="-1" dx="-10">(-7.5,-46.5)</text>
<text x="2.5" y="-50.8" dy="-1" dx="-10">(2.5,-50.8)</text>
<text x="12.4" y="-55" dy="-1" dx="-10">(12.4,-55)</text>
<text x="24.9" y="-59.8" dy="-1" dx="-10">(24.9,-59.8)</text>
</g>
</svg>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.