Configuration - Graph Styler Pro

Access

Path: Edit → Project Settings → Plugins → Graph Styler Pro

Graph Styler Pro Settings

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

StyleDescription
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.
StraightDirect straight lines between nodes; minimal visual noise.
BezierSmooth 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

StyleDescription
SimpleModern, clean style for general-purpose graphs.
DarkDark background to reduce eye strain in dark themes.
FlatDefined borders and solid colors; great for clear separation between nodes.
Flat DarkFlat with dark background; combines clarity with a darker palette.
CompactReduced size and minimal padding for very dense graphs.
MinimalUltra 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.