Сетевая диаграмма на JS
Нужно написать подключаемый jQuery плагин с настройкой дизайна через отдельный css-файл (цветовая палитра, шрифты и т.п.) и возможностью опциональной настройки разного рода динамических параметров. Плагин выводит на экран интерактивную сетевую диаграмму, отображающую взаимосвязь отдельных узлов, например компаний между собой (как на рисунке).
К примеру:
1. одна компания (корень) выводится по центру экрана в виде настраиваемой иконки (или геометрического примитива, например круга или прямоугольника) с возможностью вывода произвольной текстовой информации в виде лейбла и возможностью задать подсказку (tooltip) для неё;
2. другие компании, связанные с корневой компанией, отображаются как окружающие её узлы (по такому же принципу);
3. между отдельными узлами рисуются стрелки, идущие от родительского к дочернему узлу с возможностью вывода поверх каждой стрелки произвольной текстовой информации в виде лейбла.
Изначально выводятся данные о связях корневого узла с его дочерними узлами (при этом количество отображаемых по умолчанию уровней иерархии задается с помощью динамического опционального параметра); при нажатии на любой из дочерних узлов открываются его связи по такому же принципу (он становится как бы корневым), и так далее до тех пор, пока есть дочерние узлы.