Skip to content

Instantly share code, notes, and snippets.

@yoya
Last active June 2, 2018 15:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yoya/d546b98eb364510929676a3a36dedec1 to your computer and use it in GitHub Desktop.
Save yoya/d546b98eb364510929676a3a36dedec1 to your computer and use it in GitHub Desktop.
shadow mask SVG
<?php
/*
* (c) 2017/08/20- yoya@awm.jp
* $ composer require yoya/php-svg
*/
require_once("vendor/autoload.php");
use SVG\SVGImage;
use SVG\Nodes\Structures\SVGStyle;
use SVG\Nodes\Structures\SVGDefs;
use SVG\Nodes\Gradients\SVGStop;
use SVG\Nodes\Gradients\SVGRadialGradient;
use SVG\Nodes\Shapes\SVGCircle;
list($width, $height) = [1000, 1000];
$image = new SVGImage($width, $height);
$doc = $image->getDocument();
$style = new SVGStyle();
$style->setCss(":root {background-color:black; }");
$doc->addChild($style);
$defs = new SVGDefs();
$doc->addChild($defs);
$gradTable = [
"rgrad" => ["#F00", "#B00", "black"],
"ggrad" => ["#0F0", "#0B0", "black"],
"bgrad" => ["#22F", "#11B", "black"],
];
foreach ($gradTable as $id => $colors) {
$grad = new SVGRadialGradient(0.5, 0.5, 0.45);
$grad->setAttribute("id", $id);
$stop0 = new SVGStop("60%", $colors[0]);
$stop1 = new SVGStop("90%", $colors[1]);
$stop2 = new SVGStop("100%",$colors[2]);
$grad->addChild($stop0);
$grad->addChild($stop1);
$grad->addChild($stop2);
$defs->addChild($grad);
}
$unitX = 40;
$unitY = sqrt($unitX*$unitX - ($unitX/2)*($unitX/2));
$radius = 17;
for ($y = 0, $row = 0 ; $y < ($height+$unitY) ; $y+= $unitY, $row++) {
for ($x = ($row%2)?0:($unitX/2), $column = 0 ; $x < $width ; $x+= $unitX, $column++) {
$circle = new SVGCircle($x, $y, $radius, $radius);
$idx = (((int)($row*3/2) + $column)%3);
// $color = ["#FF0000", "#00FF00", "#0000FF"][$idx];
$color = ["url(#rgrad)","url(#ggrad)","url(#bgrad)"][$idx];
$circle->setStyle('fill', $color);
$doc->addChild($circle);
}
}
header('Content-Type: image/svg+xml');
echo $image;
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" encoding="utf-8"?><svg width="1000" height="1000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css"><![CDATA[:root {background-color:black; }]]></style><defs><radialGradient cx="0.5" cy="0.5" r="0.45" id="rgrad"><stop offset="60%" stop-color="#F00" /><stop offset="90%" stop-color="#B00" /><stop offset="100%" stop-color="black" /></radialGradient><radialGradient cx="0.5" cy="0.5" r="0.45" id="ggrad"><stop offset="60%" stop-color="#0F0" /><stop offset="90%" stop-color="#0B0" /><stop offset="100%" stop-color="black" /></radialGradient><radialGradient cx="0.5" cy="0.5" r="0.45" id="bgrad"><stop offset="60%" stop-color="#22F" /><stop offset="90%" stop-color="#11B" /><stop offset="100%" stop-color="black" /></radialGradient></defs><circle cx="20" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="0" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="0" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="0" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="0" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="0" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="0" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="0" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="0" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="0" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="0" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="0" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="0" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="0" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="0" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="0" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="0" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="0" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="34.641016151378" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="34.641016151378" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="34.641016151378" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="34.641016151378" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="34.641016151378" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="34.641016151378" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="34.641016151378" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="34.641016151378" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="34.641016151378" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="34.641016151378" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="34.641016151378" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="34.641016151378" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="34.641016151378" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="34.641016151378" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="34.641016151378" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="34.641016151378" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="34.641016151378" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="69.282032302755" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="69.282032302755" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="69.282032302755" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="69.282032302755" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="69.282032302755" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="69.282032302755" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="69.282032302755" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="69.282032302755" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="69.282032302755" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="69.282032302755" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="69.282032302755" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="69.282032302755" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="69.282032302755" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="69.282032302755" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="69.282032302755" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="69.282032302755" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="69.282032302755" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="103.92304845413" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="103.92304845413" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="103.92304845413" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="103.92304845413" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="103.92304845413" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="103.92304845413" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="103.92304845413" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="103.92304845413" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="103.92304845413" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="103.92304845413" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="103.92304845413" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="103.92304845413" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="103.92304845413" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="103.92304845413" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="103.92304845413" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="103.92304845413" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="103.92304845413" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="138.56406460551" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="138.56406460551" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="138.56406460551" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="138.56406460551" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="138.56406460551" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="138.56406460551" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="138.56406460551" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="138.56406460551" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="138.56406460551" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="138.56406460551" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="138.56406460551" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="138.56406460551" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="138.56406460551" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="138.56406460551" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="138.56406460551" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="138.56406460551" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="138.56406460551" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="173.20508075689" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="173.20508075689" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="173.20508075689" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="173.20508075689" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="173.20508075689" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="173.20508075689" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="173.20508075689" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="173.20508075689" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="173.20508075689" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="173.20508075689" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="173.20508075689" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="173.20508075689" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="173.20508075689" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="173.20508075689" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="173.20508075689" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="173.20508075689" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="173.20508075689" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="207.84609690827" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="207.84609690827" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="207.84609690827" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="207.84609690827" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="207.84609690827" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="207.84609690827" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="207.84609690827" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="207.84609690827" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="207.84609690827" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="207.84609690827" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="207.84609690827" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="207.84609690827" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="207.84609690827" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="207.84609690827" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="207.84609690827" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="207.84609690827" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="207.84609690827" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="242.48711305964" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="242.48711305964" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="242.48711305964" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="242.48711305964" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="242.48711305964" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="242.48711305964" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="242.48711305964" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="242.48711305964" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="242.48711305964" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="242.48711305964" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="242.48711305964" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="242.48711305964" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="242.48711305964" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="242.48711305964" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="242.48711305964" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="242.48711305964" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="242.48711305964" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="277.12812921102" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="277.12812921102" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="277.12812921102" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="277.12812921102" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="277.12812921102" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="277.12812921102" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="277.12812921102" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="277.12812921102" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="277.12812921102" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="277.12812921102" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="277.12812921102" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="277.12812921102" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="277.12812921102" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="277.12812921102" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="277.12812921102" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="277.12812921102" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="277.12812921102" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="311.7691453624" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="311.7691453624" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="311.7691453624" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="311.7691453624" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="311.7691453624" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="311.7691453624" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="311.7691453624" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="311.7691453624" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="311.7691453624" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="311.7691453624" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="311.7691453624" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="311.7691453624" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="311.7691453624" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="311.7691453624" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="311.7691453624" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="311.7691453624" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="311.7691453624" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="346.41016151378" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="346.41016151378" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="346.41016151378" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="346.41016151378" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="346.41016151378" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="346.41016151378" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="346.41016151378" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="346.41016151378" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="346.41016151378" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="346.41016151378" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="346.41016151378" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="346.41016151378" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="346.41016151378" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="346.41016151378" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="346.41016151378" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="346.41016151378" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="346.41016151378" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="381.05117766515" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="381.05117766515" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="381.05117766515" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="381.05117766515" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="381.05117766515" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="381.05117766515" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="381.05117766515" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="381.05117766515" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="381.05117766515" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="381.05117766515" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="381.05117766515" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="381.05117766515" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="381.05117766515" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="381.05117766515" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="381.05117766515" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="381.05117766515" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="381.05117766515" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="415.69219381653" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="415.69219381653" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="415.69219381653" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="415.69219381653" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="415.69219381653" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="415.69219381653" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="415.69219381653" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="415.69219381653" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="415.69219381653" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="415.69219381653" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="415.69219381653" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="415.69219381653" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="415.69219381653" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="415.69219381653" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="415.69219381653" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="415.69219381653" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="415.69219381653" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="450.33320996791" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="450.33320996791" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="450.33320996791" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="450.33320996791" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="450.33320996791" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="450.33320996791" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="450.33320996791" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="450.33320996791" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="450.33320996791" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="450.33320996791" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="450.33320996791" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="450.33320996791" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="450.33320996791" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="450.33320996791" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="450.33320996791" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="450.33320996791" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="450.33320996791" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="484.97422611929" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="484.97422611929" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="484.97422611929" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="484.97422611929" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="484.97422611929" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="484.97422611929" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="484.97422611929" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="484.97422611929" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="484.97422611929" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="484.97422611929" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="484.97422611929" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="484.97422611929" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="484.97422611929" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="484.97422611929" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="484.97422611929" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="484.97422611929" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="484.97422611929" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="519.61524227066" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="519.61524227066" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="519.61524227066" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="519.61524227066" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="519.61524227066" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="519.61524227066" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="519.61524227066" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="519.61524227066" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="519.61524227066" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="519.61524227066" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="519.61524227066" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="519.61524227066" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="519.61524227066" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="519.61524227066" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="519.61524227066" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="519.61524227066" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="519.61524227066" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="554.25625842204" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="554.25625842204" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="554.25625842204" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="554.25625842204" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="554.25625842204" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="554.25625842204" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="554.25625842204" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="554.25625842204" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="554.25625842204" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="554.25625842204" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="554.25625842204" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="554.25625842204" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="554.25625842204" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="554.25625842204" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="554.25625842204" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="554.25625842204" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="554.25625842204" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="588.89727457342" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="588.89727457342" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="588.89727457342" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="588.89727457342" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="588.89727457342" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="588.89727457342" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="588.89727457342" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="588.89727457342" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="588.89727457342" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="588.89727457342" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="588.89727457342" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="588.89727457342" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="588.89727457342" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="588.89727457342" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="588.89727457342" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="588.89727457342" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="588.89727457342" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="623.5382907248" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="623.5382907248" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="623.5382907248" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="623.5382907248" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="623.5382907248" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="623.5382907248" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="623.5382907248" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="623.5382907248" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="623.5382907248" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="623.5382907248" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="623.5382907248" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="623.5382907248" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="623.5382907248" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="623.5382907248" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="623.5382907248" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="623.5382907248" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="623.5382907248" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="658.17930687617" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="658.17930687617" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="658.17930687617" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="658.17930687617" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="658.17930687617" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="658.17930687617" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="658.17930687617" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="658.17930687617" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="658.17930687617" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="658.17930687617" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="658.17930687617" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="658.17930687617" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="658.17930687617" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="658.17930687617" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="658.17930687617" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="658.17930687617" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="658.17930687617" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="692.82032302755" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="692.82032302755" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="692.82032302755" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="692.82032302755" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="692.82032302755" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="692.82032302755" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="692.82032302755" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="692.82032302755" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="692.82032302755" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="692.82032302755" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="692.82032302755" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="692.82032302755" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="692.82032302755" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="692.82032302755" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="692.82032302755" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="692.82032302755" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="692.82032302755" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="727.46133917893" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="727.46133917893" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="727.46133917893" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="727.46133917893" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="727.46133917893" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="727.46133917893" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="727.46133917893" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="727.46133917893" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="727.46133917893" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="727.46133917893" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="727.46133917893" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="727.46133917893" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="727.46133917893" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="727.46133917893" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="727.46133917893" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="727.46133917893" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="727.46133917893" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="762.10235533031" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="762.10235533031" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="762.10235533031" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="762.10235533031" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="762.10235533031" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="762.10235533031" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="762.10235533031" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="762.10235533031" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="762.10235533031" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="762.10235533031" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="762.10235533031" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="762.10235533031" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="762.10235533031" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="762.10235533031" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="762.10235533031" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="762.10235533031" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="762.10235533031" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="796.74337148168" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="796.74337148168" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="796.74337148168" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="796.74337148168" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="796.74337148168" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="796.74337148168" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="796.74337148168" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="796.74337148168" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="796.74337148168" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="796.74337148168" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="796.74337148168" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="796.74337148168" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="796.74337148168" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="796.74337148168" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="796.74337148168" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="796.74337148168" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="796.74337148168" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="831.38438763306" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="831.38438763306" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="831.38438763306" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="831.38438763306" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="831.38438763306" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="831.38438763306" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="831.38438763306" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="831.38438763306" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="831.38438763306" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="831.38438763306" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="831.38438763306" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="831.38438763306" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="831.38438763306" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="831.38438763306" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="831.38438763306" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="831.38438763306" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="831.38438763306" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="866.02540378444" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="866.02540378444" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="866.02540378444" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="866.02540378444" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="866.02540378444" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="866.02540378444" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="866.02540378444" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="866.02540378444" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="866.02540378444" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="866.02540378444" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="866.02540378444" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="866.02540378444" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="866.02540378444" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="866.02540378444" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="866.02540378444" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="866.02540378444" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="866.02540378444" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="900.66641993582" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="900.66641993582" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="900.66641993582" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="900.66641993582" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="900.66641993582" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="900.66641993582" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="900.66641993582" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="900.66641993582" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="900.66641993582" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="900.66641993582" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="900.66641993582" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="900.66641993582" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="900.66641993582" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="900.66641993582" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="900.66641993582" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="900.66641993582" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="900.66641993582" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="935.30743608719" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="935.30743608719" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="935.30743608719" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="935.30743608719" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="935.30743608719" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="935.30743608719" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="935.30743608719" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="935.30743608719" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="935.30743608719" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="935.30743608719" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="935.30743608719" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="935.30743608719" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="935.30743608719" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="935.30743608719" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="935.30743608719" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="935.30743608719" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="935.30743608719" r="17" style="fill: url(#ggrad)" /><circle cx="20" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="60" cy="969.94845223857" r="17" style="fill: url(#ggrad)" /><circle cx="100" cy="969.94845223857" r="17" style="fill: url(#bgrad)" /><circle cx="140" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="180" cy="969.94845223857" r="17" style="fill: url(#ggrad)" /><circle cx="220" cy="969.94845223857" r="17" style="fill: url(#bgrad)" /><circle cx="260" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="300" cy="969.94845223857" r="17" style="fill: url(#ggrad)" /><circle cx="340" cy="969.94845223857" r="17" style="fill: url(#bgrad)" /><circle cx="380" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="420" cy="969.94845223857" r="17" style="fill: url(#ggrad)" /><circle cx="460" cy="969.94845223857" r="17" style="fill: url(#bgrad)" /><circle cx="500" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="540" cy="969.94845223857" r="17" style="fill: url(#ggrad)" /><circle cx="580" cy="969.94845223857" r="17" style="fill: url(#bgrad)" /><circle cx="620" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="660" cy="969.94845223857" r="17" style="fill: url(#ggrad)" /><circle cx="700" cy="969.94845223857" r="17" style="fill: url(#bgrad)" /><circle cx="740" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="780" cy="969.94845223857" r="17" style="fill: url(#ggrad)" /><circle cx="820" cy="969.94845223857" r="17" style="fill: url(#bgrad)" /><circle cx="860" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="900" cy="969.94845223857" r="17" style="fill: url(#ggrad)" /><circle cx="940" cy="969.94845223857" r="17" style="fill: url(#bgrad)" /><circle cx="980" cy="969.94845223857" r="17" style="fill: url(#rgrad)" /><circle cx="0" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /><circle cx="40" cy="1004.5894683899" r="17" style="fill: url(#bgrad)" /><circle cx="80" cy="1004.5894683899" r="17" style="fill: url(#rgrad)" /><circle cx="120" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /><circle cx="160" cy="1004.5894683899" r="17" style="fill: url(#bgrad)" /><circle cx="200" cy="1004.5894683899" r="17" style="fill: url(#rgrad)" /><circle cx="240" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /><circle cx="280" cy="1004.5894683899" r="17" style="fill: url(#bgrad)" /><circle cx="320" cy="1004.5894683899" r="17" style="fill: url(#rgrad)" /><circle cx="360" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /><circle cx="400" cy="1004.5894683899" r="17" style="fill: url(#bgrad)" /><circle cx="440" cy="1004.5894683899" r="17" style="fill: url(#rgrad)" /><circle cx="480" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /><circle cx="520" cy="1004.5894683899" r="17" style="fill: url(#bgrad)" /><circle cx="560" cy="1004.5894683899" r="17" style="fill: url(#rgrad)" /><circle cx="600" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /><circle cx="640" cy="1004.5894683899" r="17" style="fill: url(#bgrad)" /><circle cx="680" cy="1004.5894683899" r="17" style="fill: url(#rgrad)" /><circle cx="720" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /><circle cx="760" cy="1004.5894683899" r="17" style="fill: url(#bgrad)" /><circle cx="800" cy="1004.5894683899" r="17" style="fill: url(#rgrad)" /><circle cx="840" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /><circle cx="880" cy="1004.5894683899" r="17" style="fill: url(#bgrad)" /><circle cx="920" cy="1004.5894683899" r="17" style="fill: url(#rgrad)" /><circle cx="960" cy="1004.5894683899" r="17" style="fill: url(#ggrad)" /></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment