# General Overview

### Functional Overview

Fusion is an editor that seamlessly combines the **behavior tree** and the **properties panel** in a powerful, yet intuitive interface.

- The **behavior tree** is presented as a clear, well-structured diagram for easy visualization. The behavior tree remains accessible through the extra scene tree, located on the right side of the scene tree panel.
- Node properties can be edited directly within the Fusion diagram or, alternatively, through the properties panel.

This integrated approach provides flexibility and enhances the efficiency of managing behaviors and properties in your scene.

<p class="callout info">For more information on using behaviors, see <span style="color: rgb(230, 126, 35);">[Behaviors](https://doc316en.candera.eu/books/controls-and-behaviors/chapter/behaviors)</span>.</p>

[![image.png](https://doc316en.candera.eu/uploads/images/gallery/2024-09/scaled-1680-/IbSimage.png)](https://doc316en.candera.eu/uploads/images/gallery/2024-09/IbSimage.png)

#### Benefits of using Fusion Editor

- **Clear Visualization**  
    Fusion Nodes that compose increasingly complex HMI elements are presented in a clear, consolidated view, making it ideal for presentations and design reviews.
- **Comprehensive Information**  
    All relevant details are visible in one place, significantly reducing man-hours required for reviews and analysis
- **Seamless Integration**  
    Fusion diagrams can be incorporated into solution reports, supporting the creation of detailed design documents.

####  Main features

- **Visual Management**   
    Provides a graphical interface for managing Fusion Nodes and their interactions within the scene
- **Editor Operations**  
    Includes essential functions such as automatic alignment, magnification adjustment, zoom in/zoom out and Undo/Redo.
- **Color-Coded Display**   
    Each Fusion Node is visually distinguished through color coding for improved clarity.
- **Automatic Filtering**  
    Fusion displays only attachable Fusion Nodes, streamlining workflow.
- **Properties Panel Synchronization**  
    Fusion ensures that Fusion Node properties remain synchronized with the properties displayed in the Properties Panel.
- <span style="color: rgb(0, 0, 0);">**Context Menu Support**  
    Offers quick access to relevant actions via a context-sensitive menu.</span>