intertwingly

It’s just data

Interface Constraint - Visualized


<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 
<svg id="body" width="600" height="600" viewBox="0 0 600 600"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">
 
  <title>outlet</title>
 
  <defs>
    <g id="plug">
      <path d="M100,0 c0,0 -100,100 0,200 l200,0 c0,0, 100,-100, 0,-200"
         style="fill:rgb(128,128,128)"/>
      <path d="M150,50 l20,0 l0,50 l-20,0 Z"/>
      <path d="M230,50 l20,0 l0,50 l-20,0 Z"/>
      <circle cx="200" cy="150" r="20" />
    </g>
  </defs>
 
  <g>
    <use xlink:href="#plug" x="50" y="80"/>
    <use xlink:href="#plug" x="50" y="300"/>
    <path d="M50,20 l400,0 l-20,20 l-360,0" style="fill:rgb(64,64,64)"/>
    <path d="M50,20 l0,550 l20,-20 l0,-510" style="fill:rgb(128,128,128)"/>
    <path d="M50,570 l400,0 l-20,-20 l-360,0" style="fill:rgb(160,160,160)"/>
    <path d="M450,20 l0,550 l-20,-20 l0,-510" style="fill:rgb(96,96,96)"/>
  </g>
</svg>