partial1.svg

<svg id="SvgjsSvg1006" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" viewBox="-0.15 -0.15 6.3 9.3"><defs id="SvgjsDefs1007"></defs><style id="SvgjsStyle1008">line { stroke: black; stroke-dasharray: 0.1; stroke-width: 0.1; }
.obstacle { fill: purple; }
.blank { fill: white; }

circle { stroke: none; }
.magnet { fill: red; stroke: orange; stroke-opacity: 0.75; stroke-width: 0.3; }
.ball { fill: gray; stroke: #c0c0c0; stroke-opacity: 0.75; stroke-width: 0.3; }

.magnet, .ball {
  animation: pulse 2s linear infinite;
}
@keyframes pulse {
  0% { stroke-opacity: 0.9; }
  50% { stroke-opacity: 0.4; }
  100% { stroke-opacity: 0.9; }
}</style><rect id="SvgjsRect1009" width="1" height="1" x="0" y="0" class="blank"></rect><rect id="SvgjsRect1010" width="1" height="1" x="0" y="1" class="blank"></rect><rect id="SvgjsRect1011" width="1" height="1" x="0" y="2" class="blank"></rect><rect id="SvgjsRect1012" width="1" height="1" x="0" y="3" class="blank"></rect><rect id="SvgjsRect1013" width="1" height="1" x="0" y="4" class="blank"></rect><rect id="SvgjsRect1014" width="1" height="1" x="0" y="5" class="blank"></rect><rect id="SvgjsRect1015" width="1" height="1" x="0" y="6" class="blank"></rect><rect id="SvgjsRect1016" width="1" height="1" x="0" y="7" class="blank"></rect><rect id="SvgjsRect1017" width="1" height="1" x="0" y="8" class="blank"></rect><rect id="SvgjsRect1018" width="1" height="1" x="1" y="0" class="blank"></rect><rect id="SvgjsRect1019" width="1" height="1" x="1" y="1" class="blank"></rect><rect id="SvgjsRect1020" width="1" height="1" x="1" y="2" class="blank"></rect><rect id="SvgjsRect1021" width="1" height="1" x="1" y="3" class="blank"></rect><rect id="SvgjsRect1022" width="1" height="1" x="1" y="4" class="blank"></rect><rect id="SvgjsRect1023" width="1" height="1" x="1" y="5" class="blank"></rect><rect id="SvgjsRect1024" width="1" height="1" x="1" y="6" class="blank"></rect><rect id="SvgjsRect1025" width="1" height="1" x="1" y="7" class="blank"></rect><rect id="SvgjsRect1026" width="1" height="1" x="1" y="8" class="blank"></rect><rect id="SvgjsRect1027" width="1" height="1" x="2" y="0" class="blank"></rect><rect id="SvgjsRect1028" width="1" height="1" x="2" y="1" class="blank"></rect><rect id="SvgjsRect1029" width="1" height="1" x="2" y="2" class="obstacle"></rect><rect id="SvgjsRect1030" width="1" height="1" x="2" y="3" class="obstacle"></rect><rect id="SvgjsRect1031" width="1" height="1" x="2" y="4" class="obstacle"></rect><rect id="SvgjsRect1032" width="1" height="1" x="2" y="5" class="obstacle"></rect><rect id="SvgjsRect1033" width="1" height="1" x="2" y="6" class="obstacle"></rect><rect id="SvgjsRect1034" width="1" height="1" x="2" y="7" class="blank"></rect><rect id="SvgjsRect1035" width="1" height="1" x="2" y="8" class="blank"></rect><rect id="SvgjsRect1036" width="1" height="1" x="3" y="0" class="blank"></rect><rect id="SvgjsRect1037" width="1" height="1" x="3" y="1" class="blank"></rect><rect id="SvgjsRect1038" width="1" height="1" x="3" y="2" class="obstacle"></rect><rect id="SvgjsRect1039" width="1" height="1" x="3" y="3" class="blank"></rect><rect id="SvgjsRect1040" width="1" height="1" x="3" y="4" class="blank"></rect><rect id="SvgjsRect1041" width="1" height="1" x="3" y="5" class="obstacle"></rect><rect id="SvgjsRect1042" width="1" height="1" x="3" y="6" class="obstacle"></rect><rect id="SvgjsRect1043" width="1" height="1" x="3" y="7" class="blank"></rect><rect id="SvgjsRect1044" width="1" height="1" x="3" y="8" class="blank"></rect><rect id="SvgjsRect1045" width="1" height="1" x="4" y="0" class="blank"></rect><rect id="SvgjsRect1046" width="1" height="1" x="4" y="1" class="blank"></rect><rect id="SvgjsRect1047" width="1" height="1" x="4" y="2" class="blank"></rect><rect id="SvgjsRect1048" width="1" height="1" x="4" y="3" class="blank"></rect><rect id="SvgjsRect1049" width="1" height="1" x="4" y="4" class="blank"></rect><rect id="SvgjsRect1050" width="1" height="1" x="4" y="5" class="blank"></rect><rect id="SvgjsRect1051" width="1" height="1" x="4" y="6" class="blank"></rect><rect id="SvgjsRect1052" width="1" height="1" x="4" y="7" class="blank"></rect><rect id="SvgjsRect1053" width="1" height="1" x="4" y="8" class="blank"></rect><rect id="SvgjsRect1054" width="1" height="1" x="5" y="0" class="blank"></rect><rect id="SvgjsRect1055" width="1" height="1" x="5" y="1" class="blank"></rect><rect id="SvgjsRect1056" width="1" height="1" x="5" y="2" class="blank"></rect><rect id="SvgjsRect1057" width="1" height="1" x="5" y="3" class="blank"></rect><rect id="SvgjsRect1058" width="1" height="1" x="5" y="4" class="blank"></rect><rect id="SvgjsRect1059" width="1" height="1" x="5" y="5" class="blank"></rect><rect id="SvgjsRect1060" width="1" height="1" x="5" y="6" class="blank"></rect><rect id="SvgjsRect1061" width="1" height="1" x="5" y="7" class="blank"></rect><rect id="SvgjsRect1062" width="1" height="1" x="5" y="8" class="blank"></rect><line id="SvgjsLine1063" x1="0" y1="0" x2="0" y2="9"></line><line id="SvgjsLine1064" x1="1" y1="0" x2="1" y2="9"></line><line id="SvgjsLine1065" x1="2" y1="0" x2="2" y2="9"></line><line id="SvgjsLine1066" x1="3" y1="0" x2="3" y2="9"></line><line id="SvgjsLine1067" x1="4" y1="0" x2="4" y2="9"></line><line id="SvgjsLine1068" x1="5" y1="0" x2="5" y2="9"></line><line id="SvgjsLine1069" x1="6" y1="0" x2="6" y2="9"></line><line id="SvgjsLine1070" x1="0" y1="0" x2="6" y2="0"></line><line id="SvgjsLine1071" x1="0" y1="1" x2="6" y2="1"></line><line id="SvgjsLine1072" x1="0" y1="2" x2="6" y2="2"></line><line id="SvgjsLine1073" x1="0" y1="3" x2="6" y2="3"></line><line id="SvgjsLine1074" x1="0" y1="4" x2="6" y2="4"></line><line id="SvgjsLine1075" x1="0" y1="5" x2="6" y2="5"></line><line id="SvgjsLine1076" x1="0" y1="6" x2="6" y2="6"></line><line id="SvgjsLine1077" x1="0" y1="7" x2="6" y2="7"></line><line id="SvgjsLine1078" x1="0" y1="8" x2="6" y2="8"></line><line id="SvgjsLine1079" x1="0" y1="9" x2="6" y2="9"></line><circle id="SvgjsCircle1080" r="0.5" cx="2.5" cy="5.5" class="ball"></circle><circle id="SvgjsCircle1081" r="0.5" cx="0.5" cy="5.5" class="magnet"></circle></svg>