yd-analytics · sistema de diseño

Galería de gráficos

El catálogo del sistema con la paleta de casa validada (método dataviz: color computado, no estimado — sin violeta, seguro para daltonismo en claro y oscuro). Cada gráfico trae leyenda para ≥2 series, etiquetas directas donde el contraste lo pide (regla de relief), tooltip al pasar el cursor y vista de tabla. Modo oscuro seleccionado, no un volteo automático.

289
Estudiantes monitoreados
▲ 9,3 % vs período 65
161
En riesgo
▲ 4,1 % vs período 65
27,9
Promedio de edad
estable
76,8 %
Practicantes

Línea · tendencia en el tiempo

Riesgo promedio por período (crosshair al pasar el cursor)

Área · volumen acumulado

Matrículas acumuladas por período

Líneas múltiples · comparación

Riesgo por carrera (leyenda; máx. series visibles, resto en «Otros»)

Dona · composición (≤4)

Distribución por género

Barras · magnitud

Estudiantes por carrera

Barras horizontales · Top-N

Parroquias (Top 6 + «Otros»)

Apiladas 100% · parte-de-un-todo

Jornada por carrera

Dispersión · correlación

Edad vs. score (máx. 3 grupos, all-pairs)

Histograma · distribución

Distribución de edad

Boxplot · distribución por grupo

Score por carrera

Embudo · pasos

Ruta de práctica preprofesional

Treemap · jerarquía

Estudiantes por distrito

Mapa de calor · matriz (secuencial)

Carrera × período

Red de nodos · clúster (grafo de red)

Prerrequisitos por área — aristas coloreadas por clúster, sin flechas

Coroplético · Ecuador

Estudiantes por provincia (rampa secuencial)

Paleta categórica validada (7 tonos, sin violeta): worst adjacent CVD ΔE 7,2 en claro (banda 6–8 → exige leyenda + etiquetas), todos PASS en oscuro. Dispersión/mapa: tope 3 tonos. El texto usa tokens de ink, nunca el color de la serie. Un solo eje por gráfico (nunca doble eje).

Cómo encaja. Este catálogo es el que el resolver del backend elige por la forma del dato: escalar→KPI, temporal→línea/área, categórica→barras, parte-de-un-todo→dona/apiladas, distribución→histograma/boxplot, correlación→dispersión, matriz→heatmap, relaciones→red. Todos los colores salen de @yachaydeep/dashboard/palette.