Реализовать страницу Структура Компании на JS для Битрикс24

Требуется реализовать страницу "Структура компании" для корпоративного портала Битрикс24 (коробка)

Внимание! Требуется реализация на JS!

Страница состоит из 2х экранов. 

Смысл: 
1. Отделы формируются по кругу на первой картинке. 
2. При выборе отдела – фон затемняется и ниже отрисовываются подотделы и так далее до сотрудников как на второй картинке. 

Некоторые аспекты для понимания того, что требуется:
1. Ответ приходить в формате JSON. Требуется разобрать данные и на основе данных динамически построить модель.
2. Количество отделов (серые круги на первой картинке) может со временем меняться как в меньшую так и в большую сторону. Необходимо учитывать это при расчете метода построения схемы.
3. Далее при выборе отдела фон затемняем и открывает отделы вложенные в выбранный отдел, как это представлено на картинке 2. Количество подотделов тоже может меняться, поэтому необходимо учитывать это при расчете метода построения кругов. 
4. Вместо подотдела иногда может выступать сразу список сотрудников.
5. На втором экране (где отображаются подотделы в соответствии со второй картинкой) необходимо подсвечивать линию от отдела до следующего шага, который сделал пользователь, то ли он дошел до других подотдедов, то ли до списка сотрудников. 
6. Требуется адаптивность (полная поддержка и работоспособность на ПК/Ноуте + планшете) 
8. Поддержка браузеров (Google Chrome – обязательно, Opera, Firefox, Safari, IE!!!) 

По сути здесь все основывается на математических формулах и динамическом построении модели.

Требуется опытный JS программист, тот кто представляет как это реализовать или сталкивался с подобного рода задачами.
Перед выполнением задачи попроошу рассказать как вы будете реализовывать данную задачу, что будете использовать для решения.

Согласен работать только по безопасной сделке с резервированием бюджета.