conditional-formatting

Name: conditional-formatting
Availability: InStock
Author: Markus

Update draw.io diagram element styles and labels from external data sources.

18|2|Updated Dec 12, 2025

Search Tags:#automation #diagramming #visualization #draw.io #data binding #conditional formatting #live data

Ready to run

npx skills add https://github.com/markus41/claude --skill conditional-formatting

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: conditional-formatting
Source: https://github.com/markus41/claude/tree/main/plugins/drawio-diagramming/skills/conditional-formatting
Command: npx skills add https://github.com/markus41/claude --skill conditional-formatting

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of updating draw.io diagrams with live data, allowing for dynamic visualization of system status, metrics, and configurations.

Core Features & Use Cases

Data-Driven Diagrams: Automatically update element colors, labels, and styles based on external data sources.
Conditional Styling: Map status values (e.g., 'healthy', 'warning', 'critical') to specific colors and apply threshold-based gradients for numeric metrics.
Use Case: Visualize the real-time health of your microservices architecture. The diagram's colors and labels will automatically reflect the current status and latency of each service as reported by a health API.

Quick Start

Use the conditional-formatting skill to update the diagram 'architecture.drawio' with data from the URL 'https://api.example.com/health'.

Frequently Asked Questions about conditional-formatting

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I update draw.io diagrams with live data from an API?▼

Conditional formatting in draw.io maps external data values like 'healthy' or 'critical' to specific colors and styles, allowing diagrams to dynamically reflect real-time system states and latency thresholds visually.

Can I visualize microservices architecture health in draw.io automatically?▼

You need Python3 installed to run the scripts that fetch external data and perform XML manipulation for updating element styles, colors, and labels in your draw.io diagrams.

Does draw.io support threshold-based gradients for numeric metrics?▼

Yes, draw.io can support threshold-based gradients for numeric metrics by utilizing Python scripts to process external data sources and apply conditional styling rules directly to the diagram elements.

What is the best way to automate draw.io diagram styling based on system status?▼

The best way to automate draw.io diagram styling is by using Python scripts to fetch system status data and apply conditional formatting rules to update element colors, labels, and styles dynamically.