Интерактивные ориентированные графы с SVG и Javascript

Question

Мне нужно добавить некоторые интерактивные функции в ориентированные графы SVG.

Пока что графики, которые я хочу показать, генерируются из точечного файла и отображаются как SVG.Я хотел бы знать, есть ли какой-нибудь простой способ добавить интерактивность (возможно, с Javascript) к таким документам SVG.

Мне нужно отобразить некоторую информацию, когда мышь наводит курсор на узел, и сделать этоможно сравнивать два узла.

Поскольку мои модели генерируются автоматически, я бы предпочел сохранить сгенерированный точками SVG и поместить на него дополнительную информацию с отдельным Javascript.

Answer 1

У меня есть пример со встроенным SVG. Разница между этим SVG и тем, что у вас есть, состоит в том, что в моем демо есть атрибуты id для узлов и вещей. Я получил этот SVG с сайта graphviz.

Демо

(Нажмите на узел "Hello")

Когда я получу возможность загрузить SVG на свой сервер, я попытаюсь получить доступ к SVG из элемента embed. Я не могу сделать это на JSFiddle, чтобы сделать ту же политику домена в браузерах.

Эта страница также может быть полезна. Он показывает некоторые возможности сценариев SVG, хотя для всех примеров сценарий находится в самом SVG.