CSS: draw a polar grid

polar grid

.xpolargrid {
 background-image:
  repeating-conic-gradient(
   red 0deg,
   red 1deg,
   transparent 1deg,
   transparent 30px
  ),
  repeating-radial-gradient(
  circle at center,
  red 0,
  red 2px,
  transparent 2px,
  transparent 30px
 );

 width: 200px;
 height: 200px;
}