residence-time-chart

Generate a dark-themed dual-panel React/Recharts residence time visualization.

15|3|Updated Jan 24, 2026
One-click install
npx skills add https://github.com/bbak/mcs-mcp --skill residence-time-chart
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: residence-time-chart
Source: https://github.com/bbak/mcs-mcp/tree/main/docs/skills/Residence-Time-recharts
Command: npx skills add https://github.com/bbak/mcs-mcp --skill residence-time-chart

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill converts analyze_residence_time output into a clear, dark-themed dual-panel React/Recharts visualization so teams can quickly see residence time, sojourn time, the coherence gap, and departure rate trends and detect aging WIP or divergence from equilibrium.

Core Features & Use Cases

  • Dual-panel visualization: top panel compares residence w̄(T) and sojourn W*(T) with a red coherence gap area and dual Y-axes; bottom panel shows cumulative departure rate λ(T) with a reference line at λ = 1.
  • Contextual header & badges: exact title, stat cards (final w̄, W*, gap, λ), convergence badge, active WIP, window arrivals, and resolved total with W* denominator labeling.
  • Interactive inspection and fidelity controls: tooltip with date, w̄, W*, gap, λ, n, a; manual legend and enforced downsampling for large series; clear footer explanations and data provenance for Little's Law verification.
  • Use cases: present to stakeholders to explain coherence gap and predictability, run in retrospectives to compare windowed behavior, and monitor system throughput and aging inventory across time windows.

Quick Start

Show a Residence Time Analysis chart using the current analyze_residence_time result with both panels, header stat cards, badges, and interactive tooltip.

Frequently Asked Questions about residence-time-chart

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

FAQPage Schema
How do I visualize residence time and sojourn time gaps in React?

To visualize residence time analysis, generate a dark-themed dual-panel React and Recharts visualization that plots residence w̄(T) against sojourn W*(T) with a red coherence gap area. It requires analyze_residence_time data containing series and summary fields to render the sample path analysis.

What is a coherence gap in residence time analysis?

A coherence gap in residence time analysis represents the difference between residence time w̄(T) and sojourn time W*(T). It is visualized as a red area between the two lines on a dual-panel chart to help teams detect aging WIP and divergence from equilibrium.

How do I chart departure rate with Little's Law identity in Recharts?

You chart departure rate with Little's Law identity by creating a Recharts panel that plots cumulative departure rate λ(T) alongside a reference line at λ = 1. This verifies equilibrium and visualizes sample path analysis trends over time windows.

Does this residence time chart handle large time series datasets?

Yes, the residence time chart handles large datasets by enforcing downsampling for series longer than 120 points. This ensures interactive tooltip inspection and smooth rendering performance while maintaining fidelity for the dual Y-axes visualization.

Can I use this residence time visualization for retrospective analysis?

Yes, you can use this residence time visualization for retrospective analysis to compare windowed behavior across time periods. It provides contextual header badges, stat cards, and interactive tooltips to monitor system throughput and aging inventory during stakeholder presentations.