Saltar al contenido
fluxr
Charts & Data Visualization18Brandbook

Charts & Data Visualization

Patrones de gráficos, KPIs y visualización de datos usados en el dashboard y páginas analíticas.

Tipos de Gráfico

01

Bar Chart
Comparación entre categorías. Usado en analytics y reports.
Donut Chart
Distribución porcentual. Usado en overview y KPIs.
Line Chart
Tendencias a lo largo del tiempo. Usado en analytics.

Chart Color Tokens

02
--chart-1
var(--brand-primary)
--chart-2
#334155
--chart-3
#22c55e
--chart-4
#f59e0b
--chart-5
#ef4444
--chart-bg
#334155
--chart-1Primary series
--chart-2Secondary / inactive series
--chart-3Success / positive
--chart-4Warning / attention
--chart-5Error / negative
--chart-bgInactive / remaining

KPI Cards

03
Revenue
$48.2K
+12.5%
Active Users
2,847
+8.2%
Churn Rate
2.1%
-0.4%
Avg. Response
1.8s
+0.3s