counter-incr-decr.svg

<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
 <g>
  <title>background</title>
  <rect fill="#fff" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
  <g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid">
   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/>
  </g>
 </g>
 <g>
  <title>Layer 1</title>
  <ellipse ry="25.5" rx="25.5" id="svg_1" cy="102.5" cx="82" stroke-width="1.5" stroke="#000" fill="#CBFFFF"/>
  <ellipse ry="25.5" rx="25.5" id="svg_7" cy="320.5" cx="146" stroke-width="1.5" stroke="#000" fill="#CBFFFF"/>
  <ellipse ry="25.5" rx="25.5" id="svg_4" cy="104.5" cx="214" stroke-width="1.5" stroke="#000" fill="#FFAC8D"/>
  <ellipse ry="25.5" rx="25.5" id="svg_11" cy="102.062532" cx="347.593669" stroke-width="1.5" stroke="#000" fill="#CBFFFF"/>
  <ellipse ry="25.5" rx="25.5" id="svg_14" cy="101.062532" cx="477.156201" stroke-width="1.5" stroke="#000" fill="#CFCA6D"/>
  <line stroke-linecap="null" stroke-linejoin="null" id="svg_27" y2="295.008958" x2="144.485582" y1="285.32042" x1="139.430692" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
  <line stroke-linecap="null" stroke-linejoin="null" id="svg_28" y2="294.587718" x2="144.766409" y1="284.618353" x1="149.540471" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
  <g id="svg_29">
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_18" y2="174" x2="142.5" y1="127" x1="92.5" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke="#000" stroke-linecap="null" stroke-linejoin="null" id="svg_19" y2="172.999999" x2="148.500003" y1="124" x1="199.5" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_20" y2="174" x2="145.5" y1="296" x1="144.5" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_23" y2="161.544549" x2="140.078759" y1="173.544549" x1="143.078759" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_24" y2="173.551201" x2="142.238964" y1="172.287478" x1="131.427118" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_25" y2="172.849133" x2="148.276749" y1="160.211909" x1="150.66378" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_26" y2="172.849133" x2="148.417162" y1="169.057966" x1="159.509836" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
  </g>
  <g id="svg_37">
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_30" y2="173.156201" x2="407.171503" y1="126.156201" x1="357.171503" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke="#000" stroke-linecap="null" stroke-linejoin="null" id="svg_31" y2="172.156201" x2="413.171506" y1="123.156201" x1="464.171503" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_32" y2="173.156201" x2="410.171503" y1="295.156201" x1="409.171503" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_33" y2="160.700751" x2="404.750262" y1="172.700751" x1="407.750262" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_34" y2="172.707402" x2="406.910467" y1="171.44368" x1="396.098621" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_35" y2="172.005334" x2="412.948252" y1="159.368111" x1="415.335283" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
   <line stroke-linecap="null" stroke-linejoin="null" id="svg_36" y2="172.005334" x2="413.088665" y1="168.214167" x1="424.181339" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
  </g>
  <line stroke-linecap="null" stroke-linejoin="null" id="svg_38" y2="294.204455" x2="408.679783" y1="283.235073" x1="401.366861" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
  <line stroke-linecap="null" stroke-linejoin="null" id="svg_39" y2="294.485721" x2="408.961049" y1="282.953807" x1="416.27397" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="none"/>
  <text style="cursor: move;" font-style="italic" xml:space="preserve" text-anchor="start" font-family="'Times New Roman', Times, serif" font-size="24" id="svg_42" y="107.724958" x="76.504389" stroke-width="0" stroke="#000" fill="#000000">n</text>
  <text font-style="italic" xml:space="preserve" text-anchor="start" font-family="'Times New Roman', Times, serif" font-size="24" id="svg_45" y="327.965577" x="126.523878" stroke-width="0" stroke="#000" fill="#000000">n+1</text>
  <text style="cursor: move;" font-style="italic" xml:space="preserve" text-anchor="start" font-family="'Times New Roman', Times, serif" font-size="24" id="svg_47" y="106.881159" x="341.738429" stroke-width="0" stroke="#000" fill="#000000">n</text>
  <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_51" y="64.526344" x="43.325066" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#000000">counter</text>
  <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_52" y="65.090712" x="194.039605" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#000000">incr</text>
  <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_53" y="373.857826" x="109.932946" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#000000">counter</text>
  <ellipse ry="25.5" rx="25.5" id="svg_54" cy="320.5" cx="410.173625" stroke-width="1.5" stroke="#000" fill="#CBFFFF"/>
  <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_55" y="67.348185" x="306.320641" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#000000">counter</text>
  <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_56" y="67.912553" x="455.906452" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#000000">decr</text>
  <text style="cursor: move;" font-style="italic" xml:space="preserve" text-anchor="start" font-family="'Times New Roman', Times, serif" font-size="24" id="svg_57" y="329.658681" x="391.212568" stroke-width="0" stroke="#000" fill="#000000">n–1</text>
  <text xml:space="preserve" text-anchor="start" font-family="Helvetica, Arial, sans-serif" font-size="24" id="svg_58" y="373.857826" x="360.512429" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#000000">counter</text>
 </g>
</svg>