# 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="../../step-by-step-tutorials/fx/use-a-graph-asset-to-create-a-fx#2.-use-an-asset-graph">#2.-use-an-asset-graph</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FdlhsaYHq7hcq9rWRWYGJ%2Ffxgraph_use%20an%20asset%20graph.jpg?alt=media&#x26;token=c75f6fed-2ada-4174-9b47-6981cfc67ac5">fxgraph_use an asset graph.jpg</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="../../step-by-step-tutorials/navigation-and-ui/frame-and-reset-view-in-photon#3.-fx-graph-frame-and-reset-view">#3.-fx-graph-frame-and-reset-view</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2Fr3Nj5W7ASPl1fVHuv1uE%2Ffxgraph_frame%20and%20reset%20view.png?alt=media&#x26;token=ca2e12d7-f14c-4b72-ab57-9be67155bd70">fxgraph_frame and reset view.png</a></td></tr><tr><td>Find in...</td><td><strong>Find FX Graph in the Timeline</strong></td><td><a href="../../step-by-step-tutorials/navigation-and-ui/find-in...#4.-find-fx-graph-in-the-timeline-i-o-manager">#4.-find-fx-graph-in-the-timeline-i-o-manager</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FHQTw8LCjExvaL3e2pkjq%2Ffxgraph_find%20fx%20graph%20in%20the%20timeline.png?alt=media&#x26;token=a677a1fa-5d67-4311-9ad6-83e393b2d260">fxgraph_find fx graph in the timeline.png</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="../../step-by-step-tutorials/navigation-and-ui/drag-and-drop-in-photon#2.-drag-and-drop-a-fx-graph-onto-the-timeline-to-create-an-fx-graph-clip">#2.-drag-and-drop-a-fx-graph-onto-the-timeline-to-create-an-fx-graph-clip</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FVClFwN98u0pgrzYboaTr%2Ffxgraph_drag%20and%20drop%20an%20fx%20graph%20onto%20the%20timeline.png?alt=media&#x26;token=bac32086-f595-4d7c-94b0-e081c1efca7b">fxgraph_drag and drop an fx graph onto the timeline.png</a></td></tr><tr><td>Step-by-step</td><td><strong>Primitives Tracking</strong></td><td><a href="../step-by-step-tutorials/3d-scene/primitives-tracking">primitives-tracking</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2F5AI89H9Lw68CcIyza9jj%2Fprimitives%20tracking.jpg?alt=media&#x26;token=1790d95b-4e64-403c-82db-f75983539123">primitives tracking.jpg</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="../step-by-step-tutorials/fx/art-net-mapping-for-led-strips">art-net-mapping-for-led-strips</a></td><td><a href="https://3367113289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeXMIIOxhtPAaUBekVt%2Fuploads%2FAgMojoeXtA0wJDLBdwSq%2Fcontrolling%20an%20addressable%20led%20strip.jpg?alt=media&#x26;token=9c8c6e4b-6674-48c8-b395-b31c03cfd7c7">controlling an addressable led strip.jpg</a></td></tr></tbody></table>