нужен скрипт на javascript (html5 + Canvas) (Бюджет: 10000 ₽, для всех)

нужно написать скрипт, который отображался бы как на картинке, только был бы не в виде рисунка, а интерактивным (php+javasrcipt+html5 (Canvas)+MySQL): 1) размер должен пропорционально растягиваться в зависимости от увеличения (разрешения) экрана; 2) возможность произвольно добавлять/удалять любое количество зон (соседи, гольф, знакомые и т.д.), а их доля в окружности должна соответствовать количеству размещенных в ней точек, чем больше точек, тем больше доля, чем меньше точек, тем меньше доля зоны в окружности, с сохранением результата; 3) каждая точка это контакт (человек), при наведении на точку должна всплывать подсказка с именем; размер у точек разный, в зависимости от важности контакта (приоритета, например 1, 2, 3 и т.д.); окружности в сумме должны вмещать до 200 точек, размер которых должен быть достаточен для удобства работы с ними обычной мышью. 4) знакомые между собой контакты (люди) имеют связь (соединяющую точки линию); 5) контакты распределены по окружностям и зонам в зависимости от того в какой категории находятся, допустим в зоне семья в круге поддержки; 6) при нажатии на точку должно всплывать окошко с мини анкетой и возможными действиями (например, имени, телефона, смена зоны и окружности, важности - размера точки); 7) должна быть функция переноса точки путем ее удержания и перетаскивания мышкой из одной зоны/окружности в другую, с сохранением результата; 8) должна быть реализована функция удаления или добавления связи между точками, с сохранением результата; 9) количество окружностей (круг поддержки, круг продуктивности, круг развития) фиксированы - их всего три, всегда только три; Набросок скрипта в прикрепленном файле index.php, нужно отрисовать с помощью Canvas по примеру в соответствии с ТЗ