Skip to content

feat(frontend): más KPIs con sparklines + gráfico ingresos/unidades por producto#27

Merged
aitorevi merged 1 commit into
mainfrom
feat/dashboard-more-metrics
Jun 1, 2026
Merged

feat(frontend): más KPIs con sparklines + gráfico ingresos/unidades por producto#27
aitorevi merged 1 commit into
mainfrom
feat/dashboard-more-metrics

Conversation

@aitorevi

@aitorevi aitorevi commented Jun 1, 2026

Copy link
Copy Markdown
Owner

Sigue al rediseño (#26). Enriquece el dashboard con más datos y cálculos nuevos, todo derivado en cliente (sin tocar backend).

Mejoras

1. Más KPIs + sparklines

  • Nuevas tarjetas: clientes únicos, productos únicos, mejor día (importe + fecha).
  • Sparklines de tendencia diaria en las tarjetas de Total revenue y Sales.

2. Ingresos + unidades por producto (ComposedChart)

  • Sustituye el bar simple por un ComposedChart: barras de importe (eje izq.) + línea de unidades (eje der.). Cruza dos métricas → distingue producto caro de bajo volumen vs. barato de mucho volumen.

Cambios técnicos

  • analytics.ts: salesCountByDate, productRevenueUnits, computeKpis ampliado (distinctCustomers/Products, bestDay). Funciones puras testeadas.
  • Sparkline.tsx: SVG inline sin dependencias, tematizado vía currentColor (CSS var en color, no en atributo SVG).
  • ChartTooltip soporta múltiples series (Revenue + Units).
  • Elimina ByProductChart (reemplazado por el ComposedChart).

Verificación

  • lint ✅ · test:run ✅ (23 tests) · build
  • Captura headless del build de producción contra el backend local: 7 KPIs (con sparklines en revenue/sales), ComposedChart con barras+línea y doble eje, área y donut intactos.

🤖 Generated with Claude Code

…or producto

Enriquece el dashboard con nuevos cálculos derivados en cliente (sin tocar backend):

- KPIs nuevos: clientes únicos, productos únicos y mejor día (importe + fecha),
  más sparklines de tendencia diaria en las tarjetas de ingresos y ventas.
- Sustituye el bar simple por un ComposedChart 'Revenue & units by product':
  barras de importe (eje izq.) + línea de unidades (eje der.), que cruza dos
  métricas y revela productos caros vs. de mucho volumen.
- analytics.ts: salesCountByDate, productRevenueUnits y computeKpis ampliado
  (distinctCustomers/Products, bestDay). Funciones puras testeadas.
- Sparkline.tsx: SVG inline sin dependencias, tematizado vía currentColor.
- ChartTooltip soporta varias series (revenue + units).
- Elimina ByProductChart (reemplazado por el ComposedChart).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 1, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
connect-analyzer Ready Ready Preview, Comment Jun 1, 2026 10:01pm

@aitorevi aitorevi merged commit 4219dcf into main Jun 1, 2026
4 checks passed
@aitorevi aitorevi deleted the feat/dashboard-more-metrics branch June 1, 2026 22:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant