Data Management

Load Excel
Generated JSON Preview
Select an Excel file to see JSON preview

View & Display

Load data to see sheets.

No views to delete.

Editing & Tools

Help

Generate New Theme 🎨
Reset to Default 🔄
Change Colours...

🎯 Interactive Process Diagram - DEMO

Welcome to the demo version! This diagram contains sample RTR (Record to Report) processes to showcase the tool's capabilities.

Demo Features You Can Try:

  1. Click on any process node to see detailed information and dependency relationships.
  2. Use Menu > Show Dependencies to visualize process dependency trees.
  3. Try the Simulation Mode by selecting a process and clicking 'Simulate Impact'.
  4. Explore filtering options with the Filters button to focus on specific processes.
  5. Test different color themes using Color Options > Generate New Theme.

In the full version: You can load your own data from Excel/JSON files, edit processes, create custom dependencies, and save view configurations.

For detailed instructions on all features, check out the Tutorial (available under Menu > Tutorial / Help).

Process Dependencies

Process Details

Filters

Load data to see filter options.

XLSX to JSON Converter

Select an XLSX file. Each sheet will be converted. The output JSON will be an object with sheet names as keys.

Important: Ensure column names in your XLSX file match expected keys (e.g., "ID", "Short name", "Process Type"). The converter will attempt to process all sheets.

Generated JSON Preview (first 3 records of first sheet):


    





    
    
Simulation Mode


    
    
    
    

    
    
    
    
    

        

            
        

    



    

        
        
Change Colors

        
        

            
Process Colors

            

                
                
            

            

                
                
            

            

                
                
            

            

                
                
            

            
            
Dependency Colors

            

                
                
            

            

                
                
            

            
            
Arrow Colors - Standard

            

                
                
            

            

                
                
            

            
            
Arrow Colors - Blocking

            

                
                
            

            

                
                
            

            
            
Arrow Colors - Informational

            

                
                
            

            

                
                
            

            
            
Simulation Colors

            

                
                
            

            

                
                
            

            

                
                
            

            

                
                
            

            
            

                
                
            

        

    


    

        
        
Interactive Diagram Tutorial


        
Introduction

        
Welcome to the Interactive Process Diagram! This tool helps you visualize, analyze, and understand complex process flows and their dependencies. Use this guide to learn about its features.


        
Loading Data

        
There are a few ways to get your process data into the diagram:

        
        
The diagram expects specific column headers in your data (e.g., "ID", "Short name", "WD", "Due time", "Dependencies", "Process Type").


        
Understanding Process Nodes & Diagram Area

        

        
Navigating the Diagram

        

        
Filtering and Searching

        

        
Interacting with Nodes

        

        
Editing Dependencies

        
    
            
  1. Go to Menu > Enable Dependency Editing.
    2. 
            
  2. Click on a source node. A green '+' handle appears on its right.
    3. 
            
  3. Drag this '+' handle to a target node.
    4. 
            
  4. On release, a context menu will appear. Choose the dependency type ("Standard", "Blocking", or "Informational").
    5. 
            
  5. To remove a dependency, click the red '–' handle that appears on a linked output node.
    6. 
        


        
Simulation Mode (Multi-Process)

        
This powerful mode allows you to see the potential impact of changing multiple processes at once without altering your actual data.

        
    
            
  1. Select a process and click the 'Simulate Impact' button in the details panel to start.
    2. 
            
  2. The Simulation Panel opens with the first process on a "card". Here you can choose to Shift its WD/Time or Remove it from the flow.
    3. 
            
  3. You can add more processes to the simulation using the "Add another process" dropdown at the bottom of the panel. Each will get its own card.
    4. 
            
  4. After making your changes on the cards, you must click the 'Run / Update Simulation' button to see the effects on the diagram.
    5. 
            
  5. The diagram will highlight the target processes and color-code any dependent nodes that are at risk or have timing conflicts. A summary appears in the panel.
    6. 
            
  6. Use the 'End Simulation' button to exit and return to the normal view.
    7. 
            
  7. You can also save the current set of changes as a named scenario for later use.
    8. 
        


        
Presentation Mode

        
Click the 'Presentation' button for a clean, full-screen view ideal for showcasing the diagram. Most UI controls are hidden. Click 'Presentation' again to exit.

        
        
View Configurations

        

    



    

        
    


	

    
Standard

    
Blocking (_B)

    
Informational (_I)

	





    Demo created by Patryk Broński