Как сверстать такой семи-круг?

let r1 = 500, // радиус большого круга 
    r2 = 12, // радиус маленьких кругов 
    step = 0.08, // шаг между кругами в радианах 
    cx = 150, // координаты центра  
    cy = r1 + 40; // большого круга 
 
let icons = ['        
    
Answer 2

	

	 
Такой себе вариант, но как вариант))

 
 
.menu { 
  display: block; 
  width: 100%; 
  padding-top: 35px; 
  font-size: 0; 
  text-align: center; 
  overflow: hidden; 
  position: relative; 
} 
 
.menu::after { 
  content: ''; 
  width: 100%; 
  height: 200%; 
  border-radius: 100%; 
  border: 1px solid red; 
  position: absolute; 
  left: 0; right: 0; 
  bottom: -125%; 
} 
 
.item { 
  display: inline-block; 
  width: 30px; 
  height: 30px; 
  background: green; 
  border-radius: 100%; 
  position: relative; 
  z-index: 1; 
  cursor: pointer; 
} 
 
.item:hover { 
  background: blue; 
} 
 
.item:not(:last-child) { 
  margin-right: calc(100% / 7 - 30px); 
} 
 
.item:nth-child(2), 
.item:nth-child(6) { 
  top: -20px; 
} 
 
.item:nth-child(3), 
.item:nth-child(5) { 
  top: -30px; 
} 
 
.item:nth-child(4) { 
  top: -35px; 
}
 
<div class="menu"> 
  <div class="item"></div> 
  <div class="item"></div> 
  <div class="item"></div> 
  <div class="item"></div> 
  <div class="item"></div> 
  <div class="item"></div> 
  <div class="item"></div> 
</div>