Relationship Graph
Help
Usage
Adding Nodes
Scroll down to the node area to create new graph nodes. Set a label and a type, add notes if you wish. Then click "add node".
Browsing Nodes
Drag around the graph area, and zoom, just like you might use Google Maps. Click on a node then click "edit node" to see all its info down in the node area. If the nodes go out of view in the graph area, click one of the view buttons to make them visible again.
Editing Nodes
Select the node to edit in the graph area, then click "edit node". Make changes in the node area. While the node is still selected, click "replace selected".
Linking Nodes
Links are directional. In the node area select the start node, then hold the "Ctrl" key and select the destination node. Use the "link type" dropdown to select a link type, then click "link nodes".
Saving Graphs
Enter a project name in the top left box, then click "save". Your browser should download an HTML file. Double-clicking that downloaded file will reopen the graph file. Graph data is saved, but the graph layout is not saved.
Hierarchical View
Select the node you wish to see at the top of your hierarchy, then click "Hierarchical View".
Finding Nodes
Enter the information you wish to find in the relevant fields of the node area then click "Find Matching". Only the fields you enter data in will be searched, and the nodes must match all data. Found nodes will look selected in the graph area.
Changing Node Data Fields, Node Types, and Link Types
This is all controlled via the data schema, which is editable in the JSON area. First, click "build JSON" to incorporate all graph data into the JSON area. Then modify the JSON schema. The schema format is given in the Relationship Graph source code README.
Offline Usage
All save files are entirely self-contained. That is, they require no external resources. Any save file may be used offline. If you want a blank file for creating new graphs offline, simply save the file before entering any nodes.
Updating
All your data is saved in the JSON format. This format is easy to parse in JavaScript, and can be changed into other formats as necessary. If you wish to use a new version of the Relationship Graph tool, use the JSON area to build your JSON, then copy it out of your version of the tool and paste it into the JSON area in a new version. Click "ingest JSON" to complete the process.
Privacy
This tool requires no external resources and makes no external requests. Therefore, it makes no invasion on your privacy. Protect your save file and nobody will have access to your data. You may verify these statements by using your browser's developer utilities to view network traffic - you will see that only one file is loaded and no further requests occur. You may also verify these statements by using the tool entirely in offline mode, or disconnected from the Internet. It will work fully.
The tool does not encrypt your data. To maintain the privacy of your data, protect your save files.
About
Created by kc0bfv. Source code available on Github. Color scheme by his wife and Dinosaur Stew. Relies heavily on Cytoscape - thank you to them. Save feature inspired by TiddlyWiki.