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: true para 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

  1. Preparar datos: Prepare el archivo CSV o Excel de acuerdo con el formato anterior
  2. Cargar archivo: Arrastre el archivo al área de carga o haga clic para seleccionar
  3. Reproducir animación: Haga clic en el botón de reproducción para ver el efecto de la carrera dinámica
  4. 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