# Nodegraph

Nodegraph is the user interface where you can **create a logic-based pipeline for node-based compositing inside your Engine(s)**. 

RealityHub visualizes all your Engine function/parameters as a dynamic node inside the Nodegraph Canvas. 

Nodegraph also creates representations of your **I/O** and **tracking** configurations as nodes and allows you to integrate them into your pipeline.

### User Interface <a href="#nodegraph-userinterface" id="nodegraph-userinterface"></a>

<figure><img src="https://2088155242-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQK92PsN60xhGnaXpHINP%2Fuploads%2FJ62WR7A9FyKHj6XoBCXm%2Fimage.png?alt=media&#x26;token=1ac74e1d-fc7d-4993-a21f-d2c9404ec2da" alt=""><figcaption><p>Nodegraph Canvas</p></figcaption></figure>

1. **Fit to Screen**: Fits all your nodes inside the Nodegraph
2. **Nodegraph Filter**: Highlights the matching node(s)
3. **Host Name**: See [Adding Host](https://zerodensitydocumentation.gitbook.io/docs/realityhub-1.3/realityhub-1.3/installation-and-configuration/configuration-steps/engine-module-configuration/adding-host)
4. **Node**: See [Node Structure](https://zerodensitydocumentation.gitbook.io/docs/realityhub-1.3/realityhub-1.3/nodegraph-actions/nodegraph/node-structure)
5. **Node Connection**: Visual representation of a connection(s) between two or more nodes.
6. **RGraph History**: See [RGraph](https://zerodensitydocumentation.gitbook.io/docs/realityhub-1.3/realityhub-1.3/nodegraph-actions/nodegraph/rgraph)
7. **Nodegraph Menu**: See [RGraph](https://zerodensitydocumentation.gitbook.io/docs/realityhub-1.3/realityhub-1.3/nodegraph-actions/nodegraph/rgraph)
8. **Show/Hide Button** for Properties/Functions&#x20;