разработка JS бейджа визуализации данных

Разработать JS бейдж визуализирующий данные в виде узлов соедененных линиями.

Внешний вид в приложении (рис. 1)
- на изображении множества соеденённые согласно полученному json ответу
- поля ввода данных для запроса
- кнопка отправить
- кнопка добавить узел
должно быть масштабирование по скролу

Пример того что должно получится www.yasiv.com/vk

По REST отправляется POST запрос вида 
[
{"id":"AAAA"},
{"id":"BBBB"},
{"id":"CCCC"}
]

В ответе приходит json следующего содержания
[
{"id":"AAAA",
"values":[
                {"id":"BBBB"},
                {"id":"CCCC"},
                {"id":"DDDD"},
                {"id":"EEEE"},
                {"id":"FFFF"},
                ]},
{"id":"BBBB",
"values":[
                {"id":"AAAA"},
                {"id":"GGGG"},
                {"id":"DDDD"},
                {"id":"EEEE"},
                {"id":"FFFF"},
                ]},
{"id":"CCCC",
"values":[
                {"id":"BBBB"},
                {"id":"HHHH"},
                {"id":"JJJJ"},
                {"id":"EEEE"},
                {"id":"FFFF"},
                ]}
]