Build your first Action Graph#

Open the Actionforge graph editor in your browser at: https://app.actionforge.dev.

When the editor opens, you’ll see a welcome wizard that guides you through the basics. You can choose to start with a pre-made graph template, although in this tutorial we start with an Empty Graph.

Add more nodes#

You can add more nodes from the toolbar on the left side of the canvas. In the example below, we have created a Run Script node that will print "Hello World!" to the console once we run the action graph.

Connect the two nodes by dragging a connection from the output port of the start node to the input port of the Run Script Node.

Save Graph#

You can now save the graph locally by clicking the save button button in the left panel. You can also press Ctrl + S on Windows and Linux, or + S on macOS.

Modern browsers such as Google Chrome, Microsoft Edge, and Opera support a cool feature called File System Access API, which allows web applications to read from and write to a specific local file. Using this API, the graph editor can open a file, let you edit it, and save changes directly back to the same file. Access is of course strictly limited to files you explicitly open or save during the current browser session, and all permissions are revoked when the browser is closed.

Back to our graph. Once saved, you can run the graph with the following command:

actrun ./my-action-graph.act

The output will be:

Hello World!

Congratulations! You have successfully built and run your first action graph. 🎉