<svg width="80%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 220">

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="100" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="90" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="80" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="70" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="60" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="50" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="40" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="30" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="20" cy="110" cx="110"></circle>

<circle fill="#fff" stroke="#e5e6eb" stroke-width="1" r="10" cy="110" cx="110"></circle>

<circle fill="#fff" r="1" cy="110" cx="110"></circle>

//full radii

<line style="stroke-width: 1; stroke: #e5e6eb;" y2="110" x2="210" y1="110" x1="110"></line>

<line style="stroke-width: 1; stroke: #e5e6eb;" y2="39.2893218813453" x2="180.710678118655" y1="110" x1="110"></line>

<line style="stroke-width: 1; stroke: #e5e6eb;" y2="10" x2="110" y1="110" x1="110"></line>

<line style="stroke-width: 1; stroke: #e5e6eb;" y2="39.2893218813452" x2="39.2893218813453" y1="110" x1="110"></line>

<line style="stroke-width: 1; stroke: #e5e6eb;" y2="110" x2="10" y1="110" x1="110"></line>

<line style="stroke-width: 1; stroke: #e5e6eb;" y2="180.710678118655" x2="39.2893218813452" y1="110" x1="110"></line>

<line style="stroke-width: 1; stroke: #e5e6eb;" y2="210" x2="110" y1="110" x1="110"></line>

<line style="stroke-width: 1; stroke: #e5e6eb;" y2="180.710678118655" x2="180.710678118655" y1="110" x1="110"></line>

//points

<circle fill="red" r="1" cy="110" cx="210"></circle>

<circle fill="red" r="1" cy="42.824855787278" cx="177.175144212722"></circle>

<circle fill="red" r="1" cy="70" cx="110"></circle>

<circle fill="red" r="1" cy="56.9669914110089" cx="56.9669914110089"></circle>

<circle fill="red" r="1" cy="110" cx="25"></circle>

<circle fill="red" r="1" cy="175.053823869162" cx="44.9461761308376"></circle>

<circle fill="red" r="1" cy="190" cx="110"></circle>

<circle fill="red" r="1" cy="162.325901807805" cx="162.325901807805"></circle>

<polygon opacity="0.3" fill="blue" points="210, 110 177.175144212722, 42.824855787278 110, 70 56.9669914110089, 56.9669914110089 25, 110 44.9461761308376, 175.053823869162 110, 190 162.325901807805, 162.325901807805"></polygon>

//labels

<text style="font-size:10" fill="red" y="110" x="200">100</text>

<text style="font-size:10" fill="red" y="42.824855787278" x="177.175144212722">95</text>

<text style="font-size:10" fill="red" y="70" x="110">40</text>

<text style="font-size:10" fill="red" y="56.9669914110089" x="56.9669914110089">75</text>

<text style="font-size:10" fill="red" y="110" x="25">85</text>

<text style="font-size:10" fill="red" y="175.053823869162" x="44.9461761308376">92</text>

<text style="font-size:10" fill="red" y="190" x="110">80</text>

<text style="font-size:10" fill="red" y="162.325901807805" x="162.325901807805">74</text>