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

Question

[Александр Буки]

Здравствуйте, есть такая диаграмма, никак не могу придумать как нарисовать линию внизу соединяющую две ноды (условно LLM и Coordinator). Проблема в том, что диаграмма должна быть адаптивной, то есть блоки растягиваются на разной ширины экранах. Пробовал создавать svg(примерно как тут) и динамически прописывать в path координаты конечной и начальной точек, но что-то криво выходит.

Comments

[ksnk]

Сама блоксхема чем нарисована? Просто ДОМ разметка?

[Вадим]

Подобный вопрос тут задают чуть ли не раз в месяц. Искать пробовали?

но что-то криво выходит

А демка где?

Answer 1

[Виктор Кожухарь]

Это может быть оверкилл, но попробуйте библиотеку joint.js, которая помогает создавать подобные диаграммы.
Она создаёт интерактивные диаграммы, но если там есть возможность их зафиксировать, то вы сможете быстро сделать ту самую адаптивную диаграмму, что вам нужна.

https://github.com/clientIO/joint

Примеры:
https://codepen.io/jointjs