Верстка мнемосхемы, как лучше реализовать?

Question

[antoxamad]

Имеется снимок мнемосхемы.

Хотел реализовать ее в электронном варианте, а именно, html страница, по нажатию на кружок(станцию), выскакивает popup с номерами телефонов организаций которые обслуживают данную станцию.

Вопрос: Как лучше реализовать данную задачу?
Либо верстать все полностью, либо на bg положить img и по вешать невидимые div в js отлавливать нажатия на них для отображения popup с информацией нажатой станции.

Answer 1

[Дмитрий Кравченко]

svg, d3

Answer 2

[Дмитрий]

Или Тег map