Empower developers and architects to instantly map, debug, and communicate complex order routing logic by transforming raw JSON rulesets into interactive visual diagrams.
Introduction
Fluent Commerce utilizes sophisticated workflow orchestration to serve as the operational blueprint for an organization’s order management. This system governs the comprehensive business logic required for order sourcing, fulfillment, and customer service processes, including returns.
However, because the underlying technical architecture relies heavily on API calls, webhooks, and independently developed rule sets, tracing the exact path of an order through massive JSON templates can become a manual, error-prone, and time-consuming process.
Enter the Workflow Visualizer—the ultimate debugging and architectural tool for Fluent Commerce. By transforming raw JSON workflow templates into dynamic, interactive diagrams, it eliminates the guesswork of order routing and brings clarity to your most complex business logic.
Cartridge Capabilities
Interactive Routing Visualization
Stop scrolling through thousands of lines of JSON. The Workflow Visualizer maps conditional paths (TRUE/FALSE) and triggers clearly, giving you an immediate bird’s-eye view of your orchestration. See exactly how an IfElseAllConditionsRule splits the flow and track the lifecycle of an order from creation to fulfillment.
Deep-Dive Node Inspection
Need to see the exact properties of a rule? Simply right-click any node to open a contextual sidebar. You can instantly view precise rule attributes, trigger statuses, and user actions—all without losing your place in the overall workflow diagram.
Dynamic Layout & Navigation
Built on D3.js, the visualizer handles even the most massive rule sets with ease. Drag nodes to rearrange your view, zoom in on specific logic clusters, and expand or collapse connected nodes to focus on what matters most.
Core Features
- Drag-and-Drop Canvas: An interactive, highly responsive interface for exploring workflow states.
- Color-Coded Decision Diamonds: Instantly spot conditional routing logic and true/false branching paths.
- Contextual Sidebars: Deep-dive into detailed rule properties and configurations on demand.
- Complex Routing Support: Fully compatible with intricate rules like
IfElseAllConditionsRuleand attribute verification events. - Dynamic Node Scaling: Nodes automatically adjust to display all rules and triggers clearly.
- Reference Node Linking: Easily navigate cyclic or highly interconnected workflows with clickable reference nodes.
Development & Architectural Impact
- Accelerate Debugging: Drastically reduce the time spent hunting for broken logic paths or misconfigured triggers.
- Simplify Onboarding: Help new developers and architects understand your system architecture instantly with a visual map, rather than asking them to decipher raw JSON.
- Bridge the Communication Gap: Provide business analysts, QA teams, and stakeholders with a clear, visual representation of technical logic, ensuring everyone is aligned on how orders are processed.
Frequently Asked Questions
Q: What input format does the visualizer use?
A: The visualizer accepts the standard Fluent Commerce JSON workflow template format. Simply paste your JSON into the input area to generate the diagram.
Q: Can it handle extremely large and complex workflow templates?
A: Yes. The tool features dynamic node scaling, drag-to-pan, and zoom controls specifically designed to make navigating massive rule sets manageable.
Q: Does it support custom conditional rules?
A: Absolutely. The visualizer parses standard routing logic and clearly displays any custom rules, properties, and triggers defined in your workflow template.
Q: How does it differentiate between true/false routing paths?
A: Conditional paths are represented by bright decision diamonds with clear, color-coded TRUE/FALSE markers on the connecting edges, making branching logic unmistakable.
Ready to See Your Workflows Clearly?
Stop tracing JSON lines manually and start seeing your orchestration clearly. Turn your complex business logic into an interactive, easy-to-understand map.
