Allow zooming by node name in a single graph

[EatingW]

Poker planning notes:

• Goals of the task:
  • Adding an input field for the user to search the name of the node and have the graph zoom in on that node
  • use case: user can inspect one node and surrounding nodes.
  • The underlying graph wouldn't change, the zoom only affect what the users see.
  • will only zoom in on the node if it exists
  • if the node doesn't exist, display this to the user
• How to control the zoom?
  • cytoscape can specify a zoom
• Graph is stored in the server. Graph is passed via json to the client. Can do everything in the client
• How to zoom out?
  • A separate button? Empty the text box?
• Steps:
  • Text field to get input from the user
  • Investigate API for cytoscape to see whether it allows zooming (there's an example on their website http://www.wineandcheesemap.com/)
  • On the client display the zoomed in graph
• How to consider this done?
  • unit tests for the search functionality + return error if not exist
  • manually verify that the zoom functionality works

Proposed estimate: 2