Node Graph Editor

I constructed the front-end of a prototype node graph editor, which could be integrated into a wide variety of applications.

Developer Configurable

Fully developer-configurable node types and connections. This is achieved through a 'valid connection matrix', allowing for any combination of valid connections.

JSON Saving and Loading

Node graphs are saved to a human-readable JSON format, for which a simple parser could be written. This enables integration with many different applications.

Significant Programming Challenges

Intuitively enforcing connection rules required nodes to store references to nodes connected to both the input and output points instead of just outputs (much like a doubly linked list). These references had to be dynamically changed at both points as the user replaces or changes connections.

nodeeditor1.png
nodeeditor2.png