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