Сетевая диаграмма на JS

Роман12 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
15.10.2013

Нужно написать подключаемый jQuery плагин с настройкой дизайна через отдельный css-файл (цветовая палитра, шрифты и т.п.) и возможностью опциональной настройки разного рода динамических параметров. Плагин выводит на экран интерактивную сетевую диаграмму, отображающую взаимосвязь отдельных узлов, например компаний между собой (как на рисунке).

К примеру:

1. одна компания (корень) выводится по центру экрана в виде настраиваемой иконки (или геометрического примитива, например круга или прямоугольника) с возможностью вывода произвольной текстовой информации в виде лейбла и возможностью задать подсказку (tooltip) для неё;

2. другие компании, связанные с корневой компанией, отображаются как окружающие её узлы (по такому же принципу);

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

Изначально выводятся данные о связях корневого узла с его дочерними узлами (при этом количество отображаемых по умолчанию уровней иерархии задается с помощью динамического опционального параметра); при нажатии на любой из дочерних узлов открываются его связи по такому же принципу (он становится как бы корневым), и так далее до тех пор, пока есть дочерние узлы.

Заявки фрилансеров