Configuration - Graph Styler Pro
Access
Path: Edit → Project Settings → Plugins → Graph Styler Pro
Options Overview
- Wire Styles and Wire Options: control routing, thickness and alignment of wires.
- Jump Arcs: improves readability where wires cross (not compatible with bezier wires).
- Animated Bubbles: flow indicators for visual debugging.
- Node Styles and Node Options: visual styles, shadows and background opacity.
- Performance: per-frame limits for very large graphs.
Wire Styles
| Style | Description |
|---|---|
| Diagonal 45° | Wires with 45-degree angles; ideal for compact but readable layouts. |
| Manhattan 90° | Right-angle routing, circuit-like layout; great for strictly organized graphs. |
| Straight | Direct straight lines between nodes; minimal visual noise. |
| Bezier | Smooth curves (Unreal Engine default) when you prefer organic layouts. |
Wire Options
- Wire Thickness: cable thickness (0.5 - 5.0). Use thin wires for dense graphs and thicker ones to highlight main flows.
- Wire Offset: horizontal offset for in/out pins. Helps separate parallel wires and reduce overlaps.
- Wire Alignment: which side receives the long horizontal segment (Right/Left). Useful to align execution flow visually.
- Wire Priority: which end controls routing (None/Node/Pin). Prioritize the node or pin that should keep the cleanest path.
Jump Arcs
Adds visual arcs where wires cross so you can immediately see which line passes over the other.
- Enable Jump Arcs: toggle on/off. Recommended in busy graphs with many crossings.
- Jump Arc Size: arc size (5 - 30). Larger values make crossings more obvious, smaller values keep the graph subtler.
Animated Bubbles
Dots flowing along wires to show execution direction in real time.
- Enable Bubbles: toggle on/off. Turn them on only in graphs you are actively debugging.
- Bubble Speed: animation speed (0 - 10). Higher values make execution more obvious during debugging sessions.
- Bubble Spacing: distance between bubbles (10 - 200). Denser spacing emphasizes execution paths; wider spacing is less intrusive.
- Bubble Size: bubble size (2.5 - 5.0). Larger bubbles are easier to spot, smaller ones blend into everyday work.
Node Styles
| Style | Description |
|---|---|
| Simple | Modern, clean style for general-purpose graphs. |
| Dark | Dark background to reduce eye strain in dark themes. |
| Flat | Defined borders and solid colors; great for clear separation between nodes. |
| Flat Dark | Flat with dark background; combines clarity with a darker palette. |
| Compact | Reduced size and minimal padding for very dense graphs. |
| Minimal | Ultra clean, only the essential elements; ideal for focused graphs. |
Node Options
- Enable Node Styling: enables custom node themes globally. After changing a node style preset, you must compile the Blueprint to see the new style applied.
- Enable Shadows: adds shadows under nodes for extra separation from the background.
- Shadow Opacity/Offset: fine-tune shadow intensity and offset to match your preferred contrast.
- Background Opacity: node background transparency. Lower values let the grid show through for a lighter look.
Colors by Node Type
Configure distinct colors for different categories so you can recognize them at a glance:
- Function Nodes
- Event Nodes
- Pure Nodes
- Flow Control
- Macro Nodes
Supported Graph Types
Graph Styler Pro can be enabled or disabled per graph type:
- Blueprint Graphs
- Animation Blueprints
- Material Graphs
- Sound Cue Graphs
- Behavior Trees
Performance
For very large graphs:
- Optimize Large Graphs: limits the amount of work done per frame to keep the editor responsive.
- Max Wires Per Frame: maximum number of wires to process (10 - 1000). Lower this value if you notice slowdowns in huge graphs.