Gráfico de barras seleccionable
Barras con escala numérica, meses y selección por teclado o toque; valores anunciados y callback del dato elegido.
Descargar gratisDatos y visualización para React
Gráficos de barras, líneas y dona seleccionables, mapas de calor de actividad, embudos de conversión, tablas ordenables, tableros kanban y comparadores antes y después.
Están dibujados con SVG y CSS propios, sin depender de una librería de gráficos, y reciben los datos y la selección por props para integrarse con tu estado.
Para qué sirven
- Paneles de métricas y reportes
- Historiales de actividad
- Comparaciones visuales de resultados
12 componentes de datos y visualización
Tabla ordenable de registros
Tabla semántica con búsqueda, orden por nombre o importe, estado vacío y desplazamiento horizontal en móvil.
Descargar gratisHistorial de actividad agrupado
Timeline semántico con eventos, tiempos, estados y filtro de pendientes; responde a datos reales mediante props.
Descargar gratisIndicador analógico de tablero
Arco con zonas verde, ámbar y rojo, aguja con resorte y pantalla LCD; skeuomórfico oscuro con valor ajustable.
Descargar gratisGráfico de dona interactivo
Segmentos enfocables que se destacan junto a su leyenda; el centro muestra el valor del segmento activo.
Descargar gratisMapa de calor de actividad
Calendario de contribuciones con escala de cinco niveles, leyenda y detalle del día al apuntar o enfocar. Datos de muestra.
Descargar gratisTablero kanban
Tres columnas con arrastre nativo y botones para mover tarjetas, con anuncio del movimiento para lectores de pantalla.
Descargar gratisClasificación que se reordena
Barras con borde grueso que cambian de lugar con animación FLIP al actualizar los puntajes. Neobrutalista.
Descargar gratisIndicadores clave Material 3
Tarjetas tonales con cifra que cuenta al entrar en pantalla, variación con color semántico y comparación.
Descargar gratisComparador antes y después
Control que divide dos capas con arrastre y teclado (flechas, Inicio, Fin); sirve para cualquier contenido.
Descargar gratisGráfico de línea con mira
Línea con área, punto activo y tooltip; se explora con puntero o con flechas del teclado. Oscuro y sobrio.
Descargar gratisEmbudo de conversión de vidrio
Etapas centradas con ancho proporcional, porcentaje de paso a la siguiente y detalle al enfocar. Glassmorfismo.
Descargar gratis