
Process Journey Visualization Field
by Xebia USA Inc
Description
This component enables users to track process steps, monitor dependencies, and review complete workflows in a structured and interactive manner. By making processes easier to follow and analyze, it enhances transparency, collaboration, and decision-making across teams and industries. It is particularly useful in scenarios where understanding the sequence, status, and outcomes of complex processes is critical for operational efficiency and informed decision-making.
Features
- Interactive, Collapsible Journeys: Users can expand or collapse steps and events within a process journey for detailed or high-level views.
- Visual Process Representation: Complex workflows, histories, or process paths are displayed in a clean, structured, and easy-to-understand visual format.
- Dictionary-Based Input: Accepts input as a structured dictionary from Appian, allowing developers to pass data directly without additional configuration.
- Supports Multiple Use Cases: Can be used across industries to visualize workflows, track dependencies, monitor milestones, and review complete processes.
- Enhanced Decision-Making: Helps teams quickly identify process bottlenecks, understand sequences, and improve operational transparency.
Release notes
- Enhanced Zoom & Scroll Behavior – Resolved the issue where the plugin canvas became partially inaccessible during zoom-in operations. Users can now smoothly zoom in/out while retaining full vertical and horizontal scroll access, ensuring complete visibility of the Patient Journey interface without layout clipping.
- Semi-UI Support for Branches & Sub-Branches – Introduced Semi-UI rendering for branch and sub-branch structures. Based on the configured JSON collapse states, related steps now dynamically transition between fully expanded and semi-visible representations, improving collapsed-phase readability while preserving process continuity.
- Semi-UI Support for Connectors & Timelines – Added Semi-UI behavior for Connecting Lines, Bottom Timeline Series, and Connecting Text Lines. During configured collapsed phases, connector elements now render in a reduced visual state similar to branch handling, providing cleaner condensed views while maintaining relationship awareness between workflow steps.
Version history (12)
1.9.3
- Plugin-Level Zoom Controls Introduced: Implemented dedicated zoom-in and zoom-out functionality at the plugin level, allowing users to scale the visualization independently without affecting the overall browser or page view.
- Skip Step Functionality on Main Line: Added an interactive edit-mode feature enabling users to insert steps dynamically. Navigation controls (left/right arrows) allow step insertion on either side, with configurable icons and submission support.
- Dynamic Height Management Implemented: Introduced a structured height system with multiple levels for steps and associated actors, ensuring improved spacing and eliminating overlap across elements.
- Enhanced Collapse Visualization: Improved collapsed phase representation by retaining partial visibility of timelines, connecting lines, and text indicators, providing better contextual awareness even in collapsed states.
- Tooltip and Popup Rendering Fixed: Resolved issues affecting tooltip and popup display on warning indicators and branch steps, ensuring consistent and reliable interaction feedback.
- Background Shadow Control Added: Enabled dynamic handling of background shadows for branch steps, allowing users to disable shadows and prevent unintended visibility of hidden elements.
- Image Export Alignment Fixed: Corrected alignment inconsistencies in exported images, ensuring that all elements, including locations, render accurately as per the defined layout.
1.9.2
Page Height Optimization for Timeline Alignment - The overall page height has been enhanced to ensure proper accommodation of timeline elements, maintaining accurate horizontal alignment with their respective labels and designated axes. Zoom Functionality Implementation - A zoom-in and zoom-out capability has been introduced, enabling users to scale the entire plugin interface. Additionally, full-screen support has been incorporated to allow an expanded, immersive view of the Patient Journey canvas. Actor and Location Alignment - Alignment issues related to actor and location labels have been resolved. All labels now correctly correspond with their respective vertical reference lines and timeline markers, ensuring visual consistency and accuracy.
1.9.1
- Phase Collapse Behavior Improved: The collapse and expand functionality for phases has been stabilized, ensuring consistent and seamless UI behavior without requiring any additional user interaction.
- Actor-Driven Layout Stability Enhanced: UI inconsistencies caused by dynamic actor content have been resolved. Step widths now scale appropriately without impacting the layout or neighboring elements.
- Sub-Branch Rendering Issues Resolved: Display and interaction issues within sub-branches have been addressed. All elements, including timelines, actors, and steps, now function reliably during both collapse and expand actions.
1.9.0
Actor text limit increased: Actors now support longer text — 50+ characters for single actors and ~25 characters per actor when displayed side-by-side. Step text capacity improved: Step labels can now show longer text with respect to longer actor text without early truncation. Midline and footer stability fixed: Midline and footer lines remain visible even when steps are far apart and during horizontal scrolling. Footer width made dynamic: Footer width can now be defined using a Step ID (in addition to percentage), allowing the footer to automatically extend up to the specified step only.
1.8.1
- minor improvements
1.8.0
Improved spacing between rectangles and steps: Added consistent spacing to prevent visual overlap between branch rectangles and step components. Export image now captures current plugin UI state: The export image function now correctly captures the updated UI, including recent interactions and changes, instead of resetting before capture. Resolved UI issues with multiple branches and skip spacing: Fixed layout conflicts when multiple branches within a subgroup use skip spacing simultaneously. Prevented stacking of connecting lines on branch steps: Connecting lines for branch steps are now rendered without overlapping or stacking on each other. Fixed tooltip and warning logo overlay conflict: Tooltips now display correctly without being blocked or overlapped by warning logos.
1.6.0
- Steps in Branches : Branches now support steps, bringing key main-line step behaviors directly into branch flows.
- Footer Steps Extended to 10 : Footer steps increased from 5 to 10, with dynamic scaling of the page to prevent overlap across branches.
- Flexible Connecting Circle Shapes : Connecting circles now support both semi-circular and ovular shapes.
- Show / Hide Steps : Steps Actors can be dynamically shown or hidden using a toggle action on Steps.
- Branch Spacing Control : Custom spacing can be added on the midline from the start or end of branches.
1.5.0
1 Bug: Tooltip appearing inside the rectangle text 2 The issue where tooltips were not working properly during scrolling has been fixed. 3 Enable tooltip support for Actors as well by passing their IDs — it will work similarly. 4 Tooltip positioning details in the JSON (e.g., desired display location).
1.4.0
Single Tooltip Behavior: Updated the tooltip logic so that only one tooltip can remain open at a time Pain Points / Warning Icon Popup: Added support in the JSON configuration to control tooltip behavior. The icon can now show the popup either on click or hover, based on the value provided in JSON. Actor Name Visibility: Increased the width allocation for actor labels so their names are now clearly visible in the visualization as well as in the export.
1.3.0
- Fixed tooltip display issues; tooltips now support mid-line content, actor rows, and configurable positions.
- Resolved image download issues for the site; images now export reliably.
- Improved image generation logic; output width now adapts to content with no extra spacing.
1.2.0
- Enhanced Typography & Branding — Configurable global font size, external font families via CDN, and logo alignment for brand-consistent visuals.
- Flexible Layout & Orientation — Support for vertical/horizontal starts, full journey reversal, multiple persona entries, and new side shapes for annotations.
- Rich Midline Customization — New box styles, icons-only elements, warning badges, HTML tooltips, and text placement above/below midline content.
- Advanced Connecting Elements — Configurable rectangles, circles, and annotated lines with icons, text, and tooltips for clearer relationships.
- Improved Export, Accessibility & Stability — PNG/JPEG export, better element positioning, density control, and numerous rendering/tooltip bug fixes.
1.1.0
- Enhanced Typography & Branding — Configurable global font size, external font families via CDN, and logo alignment for brand-consistent visuals.
- Flexible Layout & Orientation — Support for vertical/horizontal starts, full journey reversal, multiple persona entries, and new side shapes for annotations.
- Rich Midline Customization — New box styles, icons-only elements, warning badges, HTML tooltips, and text placement above/below midline content.
- Advanced Connecting Elements — Configurable rectangles, circles, and annotated lines with icons, text, and tooltips for clearer relationships.
- Improved Export, Accessibility & Stability — PNG/JPEG export, better element positioning, density control, and numerous rendering/tooltip bug fixes.