I have tried to put the name _around_ the number of armies but the svg is a little more complicated :-/
Moreover it seems to be a bug with `<textPath>` and Polymer. I have to define the path in `index.html` to make it work.

In index.html :

```html
<!-- path def does not work in polymer element -->
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' style='display:none;'>
  <defs>
    <path id="circle" d="M 0,15 A 15,15 0 1,1 0,-15 A 15,15 0 1,1 0,15 z" /> 
  </defs>
</svg>
```

In this file :

```html
<use xlink:href="#circle" />
<text text-anchor="middle" font-size="8">
  <textPath xlink:href="#circle" method="align" startOffset="50%" style="font-size:8">{{ country.id }}</textPath>
</text>
```

Finally I think we should remove the country name on the map for now.