Generador de Carrera de Gráficos de Barras
Crea impresionantes animaciones de carrera de gráficos de barras en tu navegador. Sube archivos CSV/Excel, visualiza dinámicas de datos. 100% del lado del cliente, tus datos nunca salen de tu dispositivo.
Crear Carrera de Gráficos de Barras Dinámica
Esta herramienta le ayuda a crear visualizaciones dinámicas de Carrera de Gráficos de Barras (Bar Chart Race) que se ejecutan completamente en su navegador. Sus datos nunca se cargan en el servidor, son absolutamente seguros.
🎯 Características Clave
1. Privacidad de Datos
- Todo el procesamiento de datos se realiza localmente en el navegador
- No es necesario cargarlos en el servidor
- Cumple con las normativas de privacidad como el RGPD
2. Alto Rendimiento
- Basado en Apache ECharts 5.x
- Habilita
realtimeSort: truepara lograr animaciones de clasificación dinámica suaves y fluidas - Soporta el renderizado de grandes volúmenes de datos
3. Fácil de Usar
- Admite la carga de archivos CSV/Excel mediante arrastrar y soltar
- Análisis automático de datos
- Reproducción de animación con un solo clic
📊 Formato de Datos
Formato estándar (con imágenes):
Name,Category,Image URL,0,1,2,3,4,5,...
A,B,https://example.com/a.jpg,0,5,10,15,20,...
A,B,https://example.com/b.jpg,0,3,8,12,18,...
A,B,https://example.com/c.jpg,0,7,14,21,28,...
Formato simplificado (sin imágenes ni categorías):
Name,0,1,2,3,4,5,...
Item A,10,20,30,40,50,...
Item B,15,25,35,45,55,...
Descripción de los campos:
- Name: Nombre del competidor/categoría (obligatorio)
- Category: Etiqueta de grupo (opcional, utilizada para la agrupación por colores)
- Image URL: Enlace de la imagen (opcional, se muestra al final de la barra)
- Columnas numéricas (0,1,2,...): Puntos de tiempo, cada celda es el valor en ese momento
🎬 Modo de Uso
- Preparar datos: Prepare el archivo CSV o Excel de acuerdo con el formato anterior
- Cargar archivo: Arrastre el archivo al área de carga o haga clic para seleccionar
- Reproducir animación: Haga clic en el botón de reproducción para ver el efecto de la carrera dinámica
- Ajustar configuración:
- Ajustar la velocidad de reproducción (0.5x, 1x, 2x)
- Arrastrar la barra de progreso para saltar a un punto de tiempo específico
- Hacer clic en ocultar el panel de control (útil para la grabación de pantalla)
📹 Sugerencias para Grabación de Pantalla
Si necesita exportar un video, se recomienda utilizar herramientas profesionales de grabación de pantalla:
- Windows: OBS Studio, Xbox Game Bar
- macOS: QuickTime Player, OBS Studio
- Herramientas en línea: Loom, ScreenPal
Al ocultar el panel de control, puede obtener un efecto de grabación más limpio.
⚠️ Notas
- Las URL de las imágenes deben ser de acceso público (soporta HTTPS)
- Se recomienda que los puntos de datos no superen los 100 puntos de tiempo para garantizar la fluidez
- Si encuentra problemas de rendimiento, intente reducir la cantidad de datos o disminuir la velocidad de la animación