d3.js graph + form

Create a force directed graph and sliding div with a form. Create a force directed graph with d3.js in a existing site. Nodes of the graph opens a form that slides in from the right, using jqueryUI, overlapping part of the graph if window is too small. The form must have a small 'hide' button. The name of the node is used to get the corresponding form content. The graph must have zoom and pan functionality and an 'update' button to get the json data for the graph. There is a 'global graph' common for all users and the user must be able to add nodes from this graph to a user specific 'custom graph'. Text inside graph nodes must scale according to zoom level. See image for UI mock-up. The code must be well commented and follow asp.net MVC pattern conventions. Freelancer must be familiar with Git workflow as the code of the existing site will be shared from bitbucket. Please include the word 'butterfly' in the bid proposal to show us that you have actually read this text.