<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
<svg width="480" height="640" viewBox="0 0 480 640">
  <defs>
    <filter id="dropShadow" x="0" y="0" width="120%" height="120%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="2 2"/> 
      <feOffset dx="2" dy="2" />
      <feComponentTransfer result="shadow">
        <feFuncA type="linear" slope=".25" intercept="0" />
      </feComponentTransfer>
      <feMerge>
        <feMergeNode />
        <feMergeNode in="SourceGraphic" />
      </feMerge>
    </filter>
    <marker id="arrowHead" markerWidth="12" markerHeight="9" 
            viewBox="0 0 4 3" refX="4" refY="1.5" orient="auto">
      <path fill="black" stroke="none" d="M 0 0 L 4 1.5 L 0 3 Z" />
    </marker>
  </defs>
  <style type="text/css">
svg {
  font-family: sansserif, sans-serif;
  font-size:   12pt;
}
.arrowLinks {
    fill:        none;
    stroke:      black;
    marker-end:  url(#arrowHead);
    }
rect, ellipse {
  fill:        white;
  stroke:      black;
}
text {
  fill:        black;
}
.label { 
  text-anchor: middle;
  stroke:      none;
}
  </style>

  
  <g transform='scale(0.75)'>
  <g transform='translate(0, -200)'>
    <g transform='translate(180, 0)'>
    <g filter="url(#dropShadow)" transform='translate(10, 210)'>
      <line class="arrowLinks" x1="50" y1="40" x2="50" y2="60"/>
      <rect x="0" y="0" width="100" height="40"/>
      <text class='label' x="50" y="26.5">&lt;p></text>
    </g>
    <g filter="url(#dropShadow)" transform='translate(10, 280)'>
      <ellipse cx="50" cy="20" rx="55" ry="30"/>
      <text class='label' x="50" y="26.5">yo</text>
    </g>
  </g>
  </g>
  </g>
</svg>