Как сверстать такой блок?

Question

[maralov]

Добрый день, коллеги.
Прошу вашей помощи поделиться опытом, идеей, мыслями как сверстать такой блок. Верстка под Вордпресс текст будет менять из админки

Вот сам блок

Comments

[Lord_Dantes]

Вот у дизайнера и спрашивайте, как вам такое сверстать :)

Варианты:
1. SVG с тегами text
2. Canvas

[maralov]

Lord_Dantes, да это как об стену с ними говорить...
спасибо вариант 1 буду крутить, сразу и не пришло в голову...

[WapSter]

maralov, работа дизайнера сделать макет, а не думать как тебе его верстать. https://github.com/anseki/leader-line

Answer 1

[RAX7]

Сетку на гридах сделать

spoiler

Блоки посдвигать transform`ом для придания хаотичности. Соединительные линии нарисовать с помощью LeaderLine