<svg xmlns="http://www.w3.org/2000/svg" width="<%= badge.width %>" height="20">
  <g shape-rendering="crispEdges">
    <path fill="<%= badge.key_color %>" d="M0 0 h<%= badge.key_width %> v20 H0 z"/>
    <path fill="<%= badge.value_color %>" d="M<%= badge.key_width %> 0 h<%= badge.value_width %> v20 H<%= badge.key_width %> z"/>
  </g>

  <g fill="#fff" text-anchor="middle">
    <g font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
      <text x="<%= badge.key_text_anchor %>" y="14">
        <%= badge.key_text %>
      </text>
      <text x="<%= badge.value_text_anchor %>" y="14">
        <%= badge.value_text %>
      </text>
    </g>
  </g>
</svg>
