NOTE: Currently single-click feature will land on a dummy page. 

# Features of the graph
1. Hover fade.
2. Hover highlight.
3. Drag and drop (toggle switch)
4. Single-click for opening an overlay with current node's context.
5. Double-click for centre alignment of the current node.
6. Hover content box.
7. Zoom/Pan (toggle switch).
8. Ability to change the global degree of all nodes (number of levels that will get highlighted upon hover).

# Configurations
1. Single-click and double-click are distinguished by a 500 msec time-gap between successive clicks( < 500 for double-click,> 500 for single-click).
  
2. Single-click and drag-drop are also distinguished by a similar time-gap as above. This means that if a user drags and drops a node in less than 500 msec, then it is considered a 'single-click' event.

3. To complete a single 'mouseover' and 'mouseleave' successive pair event, a time-gap of 100 msec is used. This means that a 2 successive mouse-hovers on 2 different nodes will take place with the expected behaviour only if they differ by 100 msec. If not, unexpected behaviour may take place and the user is advised to refresh the page.