Skip to content

Instantly share code, notes, and snippets.

@e-oz
Last active August 31, 2023 13:35
Show Gist options
  • Save e-oz/31ca3083960913c9b316b608ef5b8a0c to your computer and use it in GitHub Desktop.
Save e-oz/31ca3083960913c9b316b608ef5b8a0c to your computer and use it in GitHub Desktop.
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="800"
height="650"
viewBox="0 0 800 650"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
>
<defs id="defs1">
<linearGradient
id="linearGradientPC">
<stop
offset="0%"
stop-color="#0000b8"
id="stop1"/>
<stop
offset="25%"
stop-color="#0000b8"
id="stop2"/>
<stop
offset="75%"
stop-color="#f60066"
id="stop3"/>
<stop
offset="100%"
stop-color="#f60066"
id="stop4"/>
</linearGradient>
<radialGradient id="radialGradientPC" spreadMethod="pad">
<stop
style="stop-color:#f60066;stop-opacity:1;"
offset="0"
id="stop5"/>
<stop
style="stop-color:#000066;stop-opacity:1;"
offset="1"
id="stop6"/>
</radialGradient>
</defs>
<g
id="layer1">
<rect width="100%" height="100%" fill="white"/>
<line
stroke-width="1px"
stroke="#0000B8"
x1="55.888161"
y1="35.673294"
x2="86.768196"
y2="168.15225"
id="c1c2">
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c1a1.begin"
dur="3s"/>
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c1a.begin"
dur="3s"/>
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c1a2.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
stroke="#0000B8"
x1="340.99707"
y1="162.41281"
x2="416.06329"
y2="310.33255"
id="c3c4">
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c3a.begin"
dur="3s"/>
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c3a2.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
style="stroke:url(#linearGradientPC)"
x1="507.85364"
y1="173.8396"
x2="340.99707"
y2="162.41281"
id="c3p3"/>
<line
stroke-width="1px"
style="stroke:url(#linearGradientPC)"
x1="732.38928"
y1="201.27225"
x2="416.06329"
y2="310.33255"
id="c4p6">
<animate
attributeName="stroke-width"
from="4"
to="1"
begin="c4a.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
stroke="#0000B8"
x1="545.69031"
y1="421.78217"
x2="416.06329"
y2="310.33255"
id="c4c5">
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c4a2.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
stroke="#0000B8"
x1="195.02574"
y1="491.26932"
x2="59.808624"
y2="373.26343"
id="c6c7">
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c6a2.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
style="stroke:url(#linearGradientPC)"
x1="284.47537"
y1="424.67331"
x2="59.808624"
y2="373.26343"
id="c6p5"/>
<line
stroke-width="1px"
style="stroke:url(#linearGradientPC)"
x1="59.808624"
y1="373.26343"
x2="67.974236"
y2="543.77924"
id="c6p4">
<animate
attributeName="stroke-width"
from="4"
to="1"
begin="c6a3.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
stroke="#0000B8"
x1="195.02574"
y1="491.26932"
x2="325.64462"
y2="591.96844"
id="c7c8">
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c7a2.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
style="stroke:url(#linearGradientPC)"
x1="592.11115"
y1="579.96545"
x2="325.64462"
y2="591.96844"
id="c8p7">
<animate
attributeName="stroke-width"
from="4"
to="1"
begin="c8a2.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
style="stroke:url(#linearGradientPC)"
x1="592.11115"
y1="579.96545"
x2="545.69031"
y2="421.78217"
id="c5p7">
<animate
attributeName="stroke-width"
from="4"
to="1"
begin="c5a2.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
x1="226.48238"
y1="60.822083"
x2="87.409241"
y2="167.99698"
id="c2p1"
style="stroke:url(#linearGradientPC)"/>
<line
stroke-width="1px"
x1="218.40399"
y1="258.48712"
x2="86.768196"
y2="168.15225"
id="c2p2"
style="stroke:url(#linearGradientPC)">
<animate
attributeName="stroke-width"
from="4"
to="1"
begin="c2a1.begin"
dur="3s"/>
</line>
<line
stroke-width="1px"
stroke="#0000B8"
x1="340.99707"
y1="162.41281"
x2="86.768196"
y2="168.15225"
id="c2c3">
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c2a.begin"
dur="3s"/>
<animate
attributeName="stroke-width"
from="3"
to="1"
begin="c2a2.begin"
dur="3s"/>
</line>
<circle
style="fill:#0000b8;fill-opacity:1;"
id="c1"
cx="55.888161"
cy="35.673294"
r="9.5128784">
<animate
id="c1a1"
attributeName="fill"
begin="c2a1.end-1s"
dur="1.5s"
from="#FFD9FF"
to="#0000b8"/>
<animate
attributeName="r"
begin="c2a1.end-1s"
dur="1.5s"
values="19;9.5128784"/>
<animate
id="c1a"
attributeName="fill"
begin="c2a.end-1s"
dur="1.5s"
from="#FFD9FF"
to="#0000b8"/>
<animate
attributeName="r"
begin="c2a.end-1s"
dur="1.5s"
values="19;9.5128784"/>
<animate
id="c1a2"
attributeName="fill"
begin="c2a2.end-1s"
dur="1.5s"
from="#FFD9FF"
to="#0000b8"/>
<animate
attributeName="r"
begin="c2a2.end-1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:url(#radialGradientPC);fill-opacity:1"
id="c2"
cx="86.768196"
cy="168.15225"
r="9.5128784">
<animate
id="c2a1"
attributeName="r"
begin="p2a1.end-1s"
dur="1.5s"
values="19;9.5128784"/>
<animate
id="c2a"
attributeName="r"
begin="c3a.end-1s"
dur="1.5s"
values="19;9.5128784"/>
<animate
id="c2a2"
attributeName="r"
begin="c3a2.end-1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:url(#radialGradientPC);fill-opacity:1"
id="c3"
cx="340.99707"
cy="162.41281"
r="9.5128784">
<animate
id="c3a"
attributeName="r"
begin="c4a.end-1s"
dur="1.5s"
values="19;9.5128784"/>
<animate
id="c3a2"
attributeName="r"
begin="c4a2.end-1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:url(#radialGradientPC);fill-opacity:1"
id="c5"
cx="545.69031"
cy="421.78217"
r="9.5128784">
<animate
id="c5a2"
attributeName="r"
begin="p7a2.end-1s"
dur="1.5s"
values="19;9.5128784"
/>
</circle>
<circle
style="fill:url(#radialGradientPC);fill-opacity:1"
id="c4"
cx="416.06329"
cy="310.33255"
r="9.5128784">
<animate
id="c4a"
attributeName="r"
begin="p6a.end-1s"
dur="1.5s"
values="19;9.5128784"/>
<animate
id="c4a2"
attributeName="r"
begin="c5a2.end-1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:#f60066;fill-opacity:1;"
id="p3"
cx="507.85364"
cy="173.8396"
r="9.5128784"/>
<circle
style="fill:#f60066;fill-opacity:1;"
id="p1"
cx="226.63647"
cy="60.553314"
r="9.5128784"/>
<circle
style="fill:#f60066;fill-opacity:1;"
id="p2"
cx="218.40399"
cy="258.48712"
r="9.5128784">
<animate
id="p2a1"
attributeName="fill"
begin="2s;c6a3.end+1s"
dur="1.5s"
from="#FFB3EC"
to="#f60066"/>
<animate
attributeName="r"
begin="2s;c6a3.end+1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:#f60066;fill-opacity:1;"
id="p6"
cx="732.38928"
cy="201.27225"
r="9.5128784">
<animate
id="p6a"
attributeName="fill"
begin="c1a1.end+1s"
dur="1.5s"
from="#FFB3EC"
to="#f60066"/>
<animate
attributeName="r"
begin="c1a1.end+1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:#f60066;fill-opacity:1;"
id="p5"
cx="284.47537"
cy="424.67331"
r="9.5128784"/>
<circle
style="fill:url(#radialGradientPC);fill-opacity:1"
id="c7"
cx="195.02574"
cy="491.26932"
r="9.5128784">
<animate
id="c7a2"
attributeName="r"
begin="c8a2.end-1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:#f60066;fill-opacity:1;"
id="p7"
cx="592.11115"
cy="579.96545"
r="9.5128784">
<animate
id="p7a2"
attributeName="fill"
begin="c1a.end+1s"
dur="1.5s"
from="#FFB3EC"
to="#f60066"/>
<animate
attributeName="r"
begin="c1a.end+1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:url(#radialGradientPC);fill-opacity:1"
id="c8"
cx="325.64462"
cy="591.96844"
r="9.5128784">
<animate
id="c8a2"
attributeName="r"
begin="p7a2.end-1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:#0000b8;fill-opacity:1;"
id="c6"
cx="59.808624"
cy="373.26343"
r="9.5128784">
<animate
id="c6a2"
attributeName="fill"
begin="c7a2.end-1s"
dur="1.5s"
from="#FFD9FF"
to="#0000b8"/>
<animate
attributeName="r"
begin="c7a2.end-1s"
dur="1.5s"
values="19;9.5128784"/>
<animate
id="c6a3"
attributeName="fill"
begin="p4a3.end-1s"
dur="1.5s"
from="#FFD9FF"
to="#0000b8"/>
<animate
attributeName="r"
begin="p4a3.end-1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<circle
style="fill:#f60066;fill-opacity:1;"
id="p4"
cx="67.974236"
cy="543.77924"
r="9.5128784">
<animate
id="p4a3"
attributeName="fill"
begin="c1a2.end+1s"
dur="1.5s"
from="#FFB3EC"
to="#f60066"/>
<animate
attributeName="r"
begin="c1a2.end+1s"
dur="1.5s"
values="19;9.5128784"/>
</circle>
<text
xml:space="preserve"
style="opacity:1;fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="57.698891"
y="23.782196"
id="text23"><tspan
id="tspan23"
x="57.698891"
y="23.782196">C1</tspan></text>
<text
xml:space="preserve"
style="fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="57.698891"
y="182.02744"
id="c2text">&#10; <tspan
x="57.698891"
y="182.02744"
id="tspan24">C2</tspan></text>
<text
xml:space="preserve"
style="fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="333.30621"
y="143.63925"
id="c3text">&#10; <tspan
id="tspan23-7"
x="333.30621"
y="143.63925">C3</tspan></text>
<text
xml:space="preserve"
style="fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="387.32617"
y="323.88281"
id="c4text">&#10; <tspan
x="387.32617"
y="323.88281"
id="tspan25">C4</tspan>&#10; </text>
<text
xml:space="preserve"
style="fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="559.49579"
y="421.48318"
id="c5text">&#10; <tspan
id="tspan23-72"
x="559.49579"
y="421.48318">C5</tspan>&#10; </text>
<text
xml:space="preserve"
style="opacity:1;fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="520.23553"
y="466.72562"
id="text26"/>
<text
xml:space="preserve"
style="opacity:1;fill:#f60066;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="243.02815"
y="49.548477"
id="text23-6">&#10; <tspan
id="tspan23-91"
x="243.02815"
y="49.548477">P1</tspan>&#10; </text>
<text
xml:space="preserve"
style="opacity:1;fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="57.698891"
y="23.782196"
id="c6text"
transform="translate(3.9204636,330.58011)">&#10; <tspan
id="tspan23-4"
x="57.698891"
y="23.782196">C6</tspan></text>
<text
xml:space="preserve"
style="fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="192.916"
y="145.6537"
id="c7text"
transform="translate(3.9204636,330.58011)">&#10; <tspan
id="tspan23-6"
x="192.916"
y="145.6537">C7</tspan>&#10; </text>
<text
xml:space="preserve"
style="fill:#0000b8;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="313.99951"
y="290.14081"
id="c8text"
transform="translate(3.9204636,330.58011)">&#10; <tspan
id="tspan23-9"
x="313.99951"
y="290.14081">C8</tspan></text>
<text
xml:space="preserve"
style="fill:#f60066;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="228.76947"
y="272.37695"
id="p2text">&#10; <tspan
x="228.76947"
y="272.37695"
id="tspan27">P2</tspan></text>
<text
xml:space="preserve"
style="fill:#f60066;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="520.52258"
y="178.71538"
id="p3text">&#10; <tspan
id="tspan23-91-3"
x="520.52258"
y="178.71538">P3</tspan>&#10; </text>
<text
xml:space="preserve"
style="fill:#f60066;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="70.107231"
y="565.13214"
id="p4text">&#10; <tspan
id="tspan23-91-33"
x="70.107231"
y="565.13214">P4</tspan>&#10; </text>
<text
xml:space="preserve"
style="opacity:1;fill:#f60066;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="243.02815"
y="49.548477"
id="p6text"
transform="translate(501.79997,156.20543)">&#10; <tspan
x="243.02815"
y="49.548477"
id="tspan4">P6</tspan>&#10; </text>
<text
xml:space="preserve"
style="fill:#f60066;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="295.99002"
y="435.672"
id="p5text">&#10; <tspan
x="295.99002"
y="435.672"
id="tspan5">P5</tspan>&#10; </text>
<text
xml:space="preserve"
style="fill:#f60066;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-dasharray:none;paint-order:normal"
x="598.82812"
y="598.75391"
id="p7text">&#10; <tspan
x="598.82812"
y="598.75391"
id="tspan6">P7</tspan>&#10; </text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment