Too few node editor tutorial documents

[monkeycc]

https://dearpygui.readthedocs.io/en/latest/documentation/node-editor.html
Too few node editor tutorial documents

Welcome to provide various node editor code examples

[Ceonsamea]

Agreed. The node editor seems really neat and I'm excited to give it a try. But it's not fully clear how to get started using it. It would be great to at least have a couple of examples of common real-world tasks and some links for more detailed information on a topic.

As a new user, here are some of my immediate questions:

Where can I find a list of all available callbacks? Is the default callback arg in dpg.node_editor() only for running on node connection? (this isn't clear from the name: callback). Are callback and delink_callback the only two I have access to? Do I need to assign other callback types (on select, on click) in other contexts (per-node?).

How can I add extra outputs to a node (there is a dpg.add_input_float() method but not a dpg.add_output() method? I did figure it out through trial and error but this left me a little bit confused about the intended workflow. For example the differences between:

# Create two inputs inside a node_attribute
    ...
            with dpg.node_attribute(
                label="Node A4", attribute_type=dpg.mvNode_Attr_Output
            ):
                dpg.add_input_float(label="MyOut1", width=200)
                dpg.add_input_int(
                    label="myOut2",
                    width=200,
                )

Or

# Create two node attributes
    ...
            with dpg.node_attribute(
                label="Node A4", attribute_type=dpg.mvNode_Attr_Output
            ):
                dpg.add_input_float(label="MyOut1", width=200)

            with dpg.node_attribute(
                label="Node A5", attribute_type=dpg.mvNode_Attr_Output
            ):
                dpg.add_input_int(
                    label="myOut2",
                    width=200,
                )

I can see that the output 'pin' is created only by the dpg.node_attribute (When it's marked as an output by mvNode_Attr_Output).
Now I'm confused about why I'm using add_input to create an output? (I suppose because it's also adding an input box to the UI?). How can I create a labeled output without also creating an input field?
Is dpg.add_input_float() doing the same thing to the node regardless of which with dpg.node_attribute(): context I'm running it in? Or is it tied to the context in some way?

How can I customize the colors/themes/styles for individual nodes or node attributes (Example: Change the pin color for a single output on a node)? The example GIF at the top of the page actually has an 'output' node with a different title colour, but this is not provided as part of the example code snippet.

The documentation mentions extra attributes such as "Pin Shapes" but it isn't clear how to use/assign them.

The documentation mentions "Associated Items" mvNode mvNodeAttribute mvNodeLink, but I couldn't easily find any documentation related to them.

If I can get up and running, I'll try to provide some snippets/examples :)

[monkeycc]

https://github.com/hoshianaaa/DearPyGUI_NodeEditor_Template/tree/main

https://github.com/Kazuhito00/Image-Processing-Node-Editor