Necesito crear una página algo como esto. El círculo azul es el círculo principal y los círculos verdes deben colocarse alrededor del círculo principal. El recuento de círculos verdes es aleatorio (alrededor de 0 - 10). Todos los círculos verdes están conectados a un círculo azul con una línea.

Sé dibujar círculo en CSS. Necesito saber,

Cómo colocar círculos verdes alrededor del círculo azul.Cómo conectar círculos verdes al círculo azul.

¿Se puede hacer con CSS? Si no, ¿cuál es el camino?

Gracias.