Как реализовать нестандартный roadmap?

спасибо, но основная проблема в размещении пунктов roadmap на картинке, которая будет масштабироваться

Как реализовать нестандартный roadmap?

Должно строиться скриптом на клиенте, основная проблема при реализации - как привязать каждый пункт к конкретным координатам так, чтобы при масштабировании картинки каждый пункт оставался на своем месте. Самое простое и кривое решение это привязать каждый пункт через абсолютное позиционирование, но хотелось бы найти более "красивое" решение