SVG
Viewer
Ud6btqcP
N/A
Send feedback
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
3.2 KB
1.95 KB
-39%
Prettify
Preferences
Clear
<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> </svg>
Upload
Copy
Download
Share
//full radii
//points
//labels
100
95
40
75
85
92
80
74
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Edit
Export
Rotate
Flip Y
Flip X
Set Dimensions
Change dimensions
Optimize
3.2 KB
1.95 KB
-39%
Prettify
Preferences
Clear
<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> </svg>
Upload
Copy
Download
Share
//full radii
//points
//labels
100
95
40
75
85
92
80
74
Preview
React
React Native
PNG
Data URI
100%
Download