whittle.svg

<?xml version="1.0"?>
<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit-->
 <defs>
  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%" id="svg_2">
   <defs>
    <!-- Soft glow blur effect to match the image's blurred nodes/lines -->
    <filter id="svg_1" x="-20%" y="-20%" width="140%" height="140%">
     <feGaussianBlur stdDeviation="3" result="blur"/>
     <feMerge>
      <feMergeNode in="blur"/>
      <feMergeNode in="SourceGraphic"/>
     </feMerge>
    </filter>
   </defs>
   <style>.grid-line {
      stroke: #310080;
      stroke-width: 6;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .grid-node {
      fill: #5A1FD1;
      stroke: #310080;
      stroke-width: 2;
      filter: url(#glow);
    }</style>
   <g filter="url(#svg_1)">
    <!-- Vertical Wall Grid (Left & Back/Front faces) -->
    <!-- Vertical lines -->
    <line x1="85" y1="145" x2="85" y2="340" class="grid-line"/>
    <line x1="135" y1="174" x2="135" y2="369" class="grid-line"/>
    <line x1="185" y1="203" x2="185" y2="340" class="grid-line"/>
    <!-- Slanted lines going down-right along the vertical face -->
    <line x1="85" y1="145" x2="185" y2="203" class="grid-line"/>
    <line x1="85" y1="210" x2="185" y2="268" class="grid-line"/>
    <line x1="85" y1="275" x2="185" y2="333" class="grid-line"/>
    <line x1="85" y1="340" x2="135" y2="369" class="grid-line"/>
    <!-- Top Horizontal Surface Grid -->
    <!-- Lines going up-right -->
    <line x1="85" y1="145" x2="235" y2="58" class="grid-line"/>
    <line x1="135" y1="174" x2="285" y2="87" class="grid-line"/>
    <line x1="185" y1="203" x2="335" y2="116" class="grid-line"/>
    <line x1="235" y1="232" x2="285" y2="203" class="grid-line"/>
    <!-- Lines going down-right -->
    <line x1="135" y1="116" x2="185" y2="145" class="grid-line"/>
    <line x1="185" y1="87" x2="285" y2="145" class="grid-line"/>
    <line x1="235" y1="58" x2="335" y2="116" class="grid-line"/>
    <line x1="185" y1="203" x2="235" y2="232" class="grid-line"/>
    <!-- Grid Nodes (Dots) -->
    <!-- Vertical section nodes -->
    <circle cx="85" cy="145" r="10" class="grid-node"/>
    <circle cx="85" cy="210" r="10" class="grid-node"/>
    <circle cx="85" cy="275" r="10" class="grid-node"/>
    <circle cx="85" cy="340" r="10" class="grid-node"/>
    <circle cx="135" cy="174" r="10" class="grid-node"/>
    <circle cx="135" cy="239" r="10" class="grid-node"/>
    <circle cx="135" cy="304" r="10" class="grid-node"/>
    <circle cx="135" cy="369" r="10" class="grid-node"/>
    <circle cx="185" cy="203" r="10" class="grid-node"/>
    <circle cx="185" cy="268" r="10" class="grid-node"/>
    <circle cx="185" cy="333" r="10" class="grid-node"/>
    <!-- Top surface nodes -->
    <circle cx="135" cy="116" r="10" class="grid-node"/>
    <circle cx="185" cy="87" r="10" class="grid-node"/>
    <circle cx="235" cy="58" r="10" class="grid-node"/>
    <circle cx="185" cy="145" r="10" class="grid-node"/>
    <circle cx="235" cy="116" r="10" class="grid-node"/>
    <circle cx="285" cy="87" r="10" class="grid-node"/>
    <circle cx="235" cy="174" r="10" class="grid-node"/>
    <circle cx="285" cy="145" r="10" class="grid-node"/>
    <circle cx="335" cy="116" r="10" class="grid-node"/>
    <circle cx="235" cy="232" r="10" class="grid-node"/>
    <circle cx="285" cy="203" r="10" class="grid-node"/>
   </g>
  </symbol>
 </defs>
 <g class="layer">
  <title>Layer 1</title>
  <use id="svg_3" href="#svg_2" transform="matrix(-1.36022 0 0 -1.32923 740.157 519.531)"/>
  <use id="svg_4" href="#svg_2" transform="matrix(1.36022 0 0 -1.32923 -91.532 518.941)"/>
 </g>
</svg>