candidate · greenhouse-ui-platform
efeonce.charts
Version 0.1.1. A published contract for products built by agents and humans.
HTML + CSS reference0.1.1
Reference implementation
Referencia portable de cinco composiciones Greenhouse: cada chart conserva datos deterministas, selección, resumen accesible, estados explícitos y un fallback legible sin depender de un motor de charts.
01 · workflow funnel
7 SLA en riesgoCreative Pipeline
Volumen, retención, SLA y bloqueos desde briefing hasta entrega.
29.7%Retención
7SLA en riesgo
11.4dCiclo medio
BriefingEntrada validada: define alcance, prioridad y material listo para producción.
- Owner
- Ana R.
- Salud
- Estable
- Freshness
- 11m atrás
- Bloqueos
- 0
Cambios concentra 42% del atraso. Revisa la etapa seleccionada para abrir contexto.
02 · signal
82 / 100Team Health Signal
Distribución compacta para salud, cobertura y continuidad.
82/ 100
- Estable82%
- En observación13%
- Intervención5%
03 · breakdown
↗ +4.2%Weekly Earnings Overview
Snapshot financiero con hero KPI, serie semanal y meters.
$468Te informamos de esta semana comparada con la anterior
Earnings$545.69
64% of targetProfit$256.34
58% of targetExpense$74.19
22% of target04 · distribution
100% totalVehicles Overview
Distribución apilada de estados operativos y tiempo.
- On the way2hr 10min39.7%
- Unloading3hr 15min28.3%
- Loading1hr 24min17.4%
- Waiting5hr 19min14.6%
05 · metric switcher
Monthly barYearly Earnings Overview
Tabs con cambio real de serie mensual y métrica adicional.
Métrica preparada como extensión del contrato; el dataset permanece determinista.
Contract states
Fallbacks legibles
El significado no depende de que exista un plot ni de la animación.
Cargando datosConserva la altura de la composición.
Sin datos para esta serieSelecciona otra métrica o revisa el periodo.
Sin variaciónEl periodo no presenta cambio material.
Resultado bajo objetivoEl valor negativo se anuncia con texto y no solo con color.
| Etapa | Volumen | Retención | Bloqueos |
|---|---|---|---|
| Briefing | 64 | 100% | 0 |
| Producción | 51 | 79.7% | 2 |
| Revisión | 38 | 59.4% | 3 |
| Cambios | 22 | 34.4% | 5 |
| Entrega | 19 | 29.7% | 1 |
Framework-agnostic reference. Consumer adapters are reviewed against it.
Before stable
- fixture:charts-creative-pipeline
- fixture:charts-team-health-signal
- fixture:charts-weekly-earnings
- fixture:charts-vehicles-overview
- fixture:charts-yearly-earnings
- fixture:charts-empty-fallback
- desktop-mobile-keyboard
- reduced-motion
- no-horizontal-overflow
- Keyboard and focus
- 390 px responsive
- Reduced motion