Graf

Graf is an interactive graph manipulation interface designed to let users organize information in an intuitive way. This demo implements its basic functionalities.

Usage

  • Create node: Double click on stage.
  • Create edge: Command + click node and drag to target node.
  • Edit node text: Double click node.
  • Move node: Click and drag.
  • Scale and rotate node: Click and use buttons.
  • Delete node: Click and press Return key.
  • Delete edge: Click and press Return key.
  • Move arround: Click stage and drag.