<svg height="2200" width="4000">
<polygon points="600 130,1100 480, 920 1100, 300 1100, 130 480"
stroke="red"
stroke-width="3"
fill="white" />

<!--
cirlce epicenters are pentagon corner points;
60 13,
110 48,
92 110,
30 110,
13 48
-->
<circle cx="600" cy="130" r="100" stroke="red" stroke-width="3" fill="white"/>
<circle cx="1100" cy="480" r="100" stroke="red" stroke-width="3" fill="white"/>
<circle cx="920" cy="1100" r="100" stroke="red" stroke-width="3" fill="white"/>
<circle cx="300" cy="1100" r="100" stroke="red" stroke-width="3" fill="white"/>
<circle cx="130" cy="480" r="100" stroke="red" stroke-width="3" fill="white"/>

<!-- sub circle: same points, smaller radius-->
<circle cx="600" cy="130" r="66" stroke="red" stroke-width="3" fill="white"/>
<circle cx="1100" cy="480" r="66" stroke="red" stroke-width="3" fill="white"/>
<circle cx="920" cy="1100" r="66" stroke="red" stroke-width="3" fill="white"/>
<circle cx="300" cy="1100" r="66" stroke="red" stroke-width="3" fill="white"/>
<circle cx="130" cy="480" r="66" stroke="red" stroke-width="3" fill="white"/>
</svg>