Comprehensive n8n Workflow Dashboard for Insights & Metrics

What This Workflow Does

This workflow collects data from all your n8n workflows and creates a web dashboard showing important stats. It gets the workflow list, nodes used, tags, webhook paths, and counts triggers and active workflows. The result is a clear page you can open in a browser to see summary and usage of your workflows in one place.

This helps save time by automating the manual checking of many workflows. It also helps find errors and points to optimize fast.

Who Should Use This Workflow

This workflow fits automation engineers or anyone managing multiple n8n workflows. If you spend time tracking which workflows are active, how often triggers run, or which tags group workflows, this workflow makes your life easier.

It works for self-hosted self-host n8n or n8n cloud users who have API access setup.

Tools and Services Used

• n8n API: To get all workflow metadata including nodes, triggers, tags, and webhook info.
  
• Bootstrap 5 CDN: Provides styling for the web dashboard generated.
  
• JMESPath expressions: Extract specific data from workflow JSON like nodes and tags.
  
• XML and XSLT templates: Convert JSON data into an interactive and styled HTML page.
  

Inputs, Processing, and Outputs

Inputs

• The workflow triggers manually or by a webhook.
  
• n8n API credentials to access workflow data.
  

Processing Steps

• Call the n8n API to fetch all workflows.
  
• Extract nodes used, tags, and webhook URLs from each workflow.
  
• Create mappings showing which nodes and tags belong to which workflows.
  
• Calculate totals like number of workflows, active workflows, and triggers.
  
• Sort workflows and nodes for easy viewing.
  
• Generate a JSON structure representing the dashboard.
  
• Convert JSON to XML and apply XSLT for HTML output.
  
• Serve the HTML dashboard via a webhook.
  

Output

An interactive HTML dashboard showing all workflows, nodes, tags, webhook endpoints, and global stats.

Beginner Step-by-Step: How to Use This Workflow in n8n

1. Importing the Workflow

1. Download the workflow file using the Download button on this page.
   
2. In the n8n editor, use the Import from File option to load the workflow.
   

2. Configure Credentials and Settings

3. Open the n8n-get-workflows node, and set API credentials under the n8nApi credential.
   
4. Update environment variables N8N_PROTOCOL and N8N_HOST if needed, especially for n8n cloud users.
   
5. Check any configurable options like URLs or IDs in the Set and Code nodes.
   

3. Test and Activate

6. Run the workflow manually by clicking Execute or using the manual trigger When clicking "Test workflow".
   
7. Verify the node outputs for errors and correct data shape.
   
8. Activate the workflow to keep it ready for webhook triggers.
   

Customization Ideas

• Change how nodes are grouped or named in the nodes-section Code node. For example, group by category instead of uppercase node types.
  
• Edit the XSL template served by the Request xsl template webhook to change dashboard colors and layout.
  
• Add authentication steps to the Request HTML dashboard webhook to control dashboard access.
  
• Extend the workflows-section Set node to pull more data like error counts or workflow durations.
  
• Modify tagging logic in the tags-section Code node to handle workflows without tags differently.
  

Common Issues and Fixes

Invalid credentials error when fetching workflows

Cause: API credentials are wrong or expired.

Fix: Re-enter the correct API Key in the n8n-get-workflows node and test connection.

Dashboard page not showing or broken layout

Cause: XSL stylesheet URL is wrong or the environment variable for webhook URL is not set.

Fix: Update {{ $env.WEBHOOK_URL }} to the correct URL or hardcode the n8n instance URL.

Webhook returns empty data

Cause: Either the workflow didn’t finish or workflows lack webhook nodes with paths.

Fix: Run the workflow fully and make sure relevant workflows have webhook nodes.

Summary

✓ Saves time by automating the gathering of workflow stats.

✓ Shows active workflows, nodes, tags, and webhooks on one webpage.

→ Helps spot errors and optimize automations faster.

→ Works with both self-hosted and cloud n8n setups with API access.