map = html`<svg viewBox="0 0 975 610">
<path fill="#ddd" d="${path(topojson.feature(us, us.objects.nation))}"></path>
<path fill="none" stroke="#fff" stroke-linejoin="round" stroke-linecap="round" d="${path(topojson.mesh(us, us.objects.states, (a, b) => a !== b))}"></path>
<g text-anchor="middle" font-family="sans-serif" font-size="10">${data.map(({name, description, longitude, latitude}) => svg`
<g transform="translate(${projection([longitude, latitude]).join(",")})">
<circle r="2"></circle>
<text y="-6">${description}</text>
</g>`)}
</g>
</svg>`