Создание кругов CSS, соединенных линиями с серединой основного круга

Мне нужно создать страницу примерно так. Синий круг - это основной круг, а зеленые круги должны располагаться вокруг основного круга. Количество зеленых кружков является случайным (около 0 - 10). Все зеленые кружки соединены с синим кружком линией.

Я знаю, чтобы нарисовать круг в CSS. Мне нужно знать,

Как разместить зеленые кружки вокруг синего кругаКак подключить зеленые круги к синему кругу

Возможно ли это сделать с помощью CSS. Если нет, то какой путь?

Спасибо.