Investigations often stall because critical relationships remain buried inside case data, customer profiles, or historical interactions. Whether you’re working in AML, fraud, KYC, or insurance claims, analysts must see how people, entities, cases, transactions connect before they take action. Traditional list views or tabular reports rarely reveal hidden links or unusual paths.
Pega offers two practical ways to surface those connections visually inside any Constellation-based application: One is the open‑source Network Diagram DX Component from the Pega Constellation UI Gallery on GitHub. The other is the supported Relationship Visualizer that ships with Pega Common Application. They are both built using React Flow [https://reactflow.dev/] and Dagre open source libraires.
- Network Diagram component:
o Available on GitHub [link in Constellation UI gallery]
o No official support, open source
o Work with Pega Platform 23+
Choose it when you want maximum flexibility and extend or customize behavior.
- Relationship Visualizer component:
o Shipped the Pega Common Application [link on docs.pega.com]
o Includes more configuration options
o Supported
o Available with release 25
Choose it when you want support and rapid adoption.
The 2 components both leverage:
- A widget (called Network Diagram) to surface the relationship graph. The widget is read-only but supports filters, zoom in/out, clickable link on object for preview. Objects can be Pega cases or Pega data objects
- A Data Page (widget parameter) to source the business data as a list of Nodes (the objects) and Edges (relationship between 2 objects).
The Relationship Viewer does also use an additional Data Page to source configuration settings.
How are you visualizing relationships today in your Pega apps? What patterns or pitfalls have you seen? Feel free to drop your examples and insights, so we can compare approaches.
