> For the complete documentation index, see [llms.txt](https://docs.vyv.ca/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vyv.ca/modules/fx-graph.md).

# FX Graph

{% embed url="<https://vimeo.com/444620884>" %}
FX Graph Overview
{% endembed %}

## Description

The FX Graph module is a graphical programming environment embedded within PHOTON. Various functions (math, logic, etc.) represented by nodes can be connected in its interface in order to create Graphs that can accomplish a wide variety of tasks. Graphs are the choice solution when you need to treat and exchange data between PHOTON’s many modules or to and from external third-party software and hardware. They are also helpful when a project relies on advanced image manipulation and creation such as 3D particle systems, VFX and compositing.

{% hint style="info" %}
**OPEN THE FX GRAPH MODULE**

Select {Show > FX Graph} or press \[Alt+X].
{% endhint %}

## Features

* Graphs can be exported and imported into shows in order to favor reusability.
* Use the built-in Graph Assets to save time, get inspired or learn how the nodal system works.
* Transfer and scale data for a wide variety of components.
* Create logical control structures to trigger visual events.
* Build complex interactive visuals that rely on various types of data (tracking, audio analysis, etc.)
* Combine the 6 different types of nodes into Graphs to solve most problems you might encounter when building a complex show.

## Module-related tasks

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>Use a graph asset to Create a FX</td><td><strong>Use an Asset Graph</strong></td><td><a href="/pages/xM33h26K538wAojcBBDC#2.-use-an-asset-graph">/pages/xM33h26K538wAojcBBDC#2.-use-an-asset-graph</a></td><td><a href="/files/TygU7330mFbo2aYV3GxY">/files/TygU7330mFbo2aYV3GxY</a></td></tr><tr><td>Frame and Reset View in PHOTON</td><td><strong>FX Graph Frame and Reset View</strong></td><td><a href="/pages/rIAbFnUJLVlXK7znaNQi#3.-fx-graph-frame-and-reset-view">/pages/rIAbFnUJLVlXK7znaNQi#3.-fx-graph-frame-and-reset-view</a></td><td><a href="/files/mfIH1P7l3RtWXXgdZmXn">/files/mfIH1P7l3RtWXXgdZmXn</a></td></tr><tr><td>Find in...</td><td><strong>Find FX Graph in the Timeline</strong></td><td><a href="/pages/zLt29FzEU3XJ1wyTSLQw#4.-find-fx-graph-in-the-timeline-i-o-manager">/pages/zLt29FzEU3XJ1wyTSLQw#4.-find-fx-graph-in-the-timeline-i-o-manager</a></td><td><a href="/files/cgryQZuReIT1AwwWSpbm">/files/cgryQZuReIT1AwwWSpbm</a></td></tr><tr><td>Drag and Drop in PHOTON</td><td><strong>Drag-and-Drop a FX Graph onto the Timeline to Create an FX Graph Clip</strong></td><td><a href="/pages/oFB9Sr3N3OTnOqlDdWza#2.-drag-and-drop-a-fx-graph-onto-the-timeline-to-create-an-fx-graph-clip">/pages/oFB9Sr3N3OTnOqlDdWza#2.-drag-and-drop-a-fx-graph-onto-the-timeline-to-create-an-fx-graph-clip</a></td><td><a href="/files/MmJGQsRAWhs6mDgXJNin">/files/MmJGQsRAWhs6mDgXJNin</a></td></tr><tr><td>Step-by-step</td><td><strong>Primitives Tracking</strong></td><td><a href="/pages/-M4tRnzBt1XTx2AgjeXf">/pages/-M4tRnzBt1XTx2AgjeXf</a></td><td><a href="/files/JRlbvD5ljjHhfLrLavvK">/files/JRlbvD5ljjHhfLrLavvK</a></td></tr><tr><td>Step-by-step</td><td><strong>Controlling an addressable LED strip using the Art-Net Mapping node</strong></td><td><a href="/pages/-M4tH0t8o7Lhr6j67wFy">/pages/-M4tH0t8o7Lhr6j67wFy</a></td><td><a href="/files/ZoORKUjfuCEVCw46zSx3">/files/ZoORKUjfuCEVCw46zSx3</a></td></tr></tbody></table>