Graf: Interactive graph interface for knowledge management
Apr 8, 2020
Graf originated as an attempt to take knowledge management into a graph-base interactive interface. Check out a working demo here.
Controls
- Double-click background to create node
- Drag and drop background to move around the canvas
- Zoom in and out with scroll
- Double-click node to edit text
- Drag and drop node to move the node
- Click node to make it the current selection
- Adjust size and orientation of selected node with box controllers
- Remove selected node with Delete button
- Create edge with Cmd + click source node and drag to target node
- Remove edge with Click + Delete edge
Example graph