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

Question

[MaKS_Ibl4]

Здравствуйте, встала задача заверстать подобный блок:

Мне в голову приходит только абсолютное позиционирование элементов, но на мой взгляд это как то топорно.
На самом деле мне главная задача грамотно сделать и расположить круги, а уж картинки я в них смогу воткнуть (это галерея).
Может посоветует кто что? Я в вёрстке не силён, по этому подобный блок просто положил меня на лопатки(

Answer 1

[MaKS_Ibl4]

В случае если кому будет интересно, сверстал с помощью svg.
Вся картинка состоит из элементов circle.
Некоторые круги просто закрашены, для кругов с картинкой созданы патерны, которые являются фоном для кругов с картинками. В случае если картинок в галереи будет больше 7, генерится вторая svg. Если на вторую svg слайдов не хватает, картинки дублируются. Как то так)

Answer 2

[Артур]

Абсолютное позиционирование однозначно

Comments

[MaKS_Ibl4]

Видимо так и придётся сделать) В идеале бы js который сгенерит 11 кругов разного диаметра и разложит без пересечения в пределах контейнера. Вот такое чудо было бы супер, а при изменении разрешения можно было бы заново запускать)

Answer 3

[Олег]

SVG

Comments

[MaKS_Ibl4]

Можно подробнее пожалуйста, что конкретно вы имейте ввиду?
Сделать svg подложку со статичными кругами, а круги с картинками абсолютом?