Operations & Systems
n8n | Dynamic Dashboard View
This n8n workflow dynamically generates an interactive HTML dashboard of your n8n workflows. It pulls workflow metadata, analyzes nodes and tags, and then renders a visual overview of your instance's automation landscape using XSLT, accessible via a webhook.
Built ยท ~4.5 hours saved per week
n8n Dynamic Dashboard View
Workflow Overview
This workflow automates the creation of a comprehensive, interactive, and dynamic dashboard for an n8n instance. It gathers detailed information about all workflows, nodes, and tags, processes this data, and serves it as a visually appealing and navigable HTML page.
The core value is providing a centralized, bird's-eye view of the entire n8n environment. This allows administrators and developers to quickly assess instance health, understand workflow complexity, identify which workflows use specific nodes or tags, and monitor activity without manually inspecting each workflow. It transforms raw n8n metadata into an actionable intelligence and reporting tool.
Technologies Used - n8n API: To programmatically fetch data about all workflows in the instance. - Webhook: Two webhooks are used. One serves the main dashboard page, and the other serves the styling ruleset. - Data Transformation: Extensive use of JavaScript (Code node), JMESPath, and native n8n nodes (Set, Sort, Aggregate) to parse, enrich, and structure the data. - XML/XSLT: The final dashboard is rendered by transforming a structured XML data file using an XSLT (Extensible Stylesheet Language Transformations) template. This allows the separation of data (XML) from presentation (XSLT). - HTML/CSS/JS: The final output is a standard HTML page styled with Bootstrap 5 for a modern, responsive user interface.
What it Automates - Instance Auditing: Eliminates the manual process of clicking through every workflow to check its status, nodes, or tags. - Dependency Tracking: Automatically maps out which workflows rely on specific nodes (e.g., "Find all workflows using the OpenAI node"). - Reporting: Generates a live, on-demand report with key metrics like total/active workflows, trigger counts, and usage statistics for nodes and tags. - Centralized Monitoring: Creates a single URL that acts as a dashboard for the entire n8n instance, simplifying management and oversight.
Node-by-Node Analysis
Part 1: Data Collection & Processing
This is the main logic branch that collects, cleans, and structures the data from the n8n instance.
Tags: Webhook Trigger, Reports & Analytics, Admin, Content Management, Data Transformation
Integrations: Code, Sub-workflow, Webhook