Todas las guías

Crear burbujas dinámicas, sunbursts, redes y Gantt
paso a paso.

Cada gráfico responde a una pregunta distinta y necesita una fila diferente. Aprende el esquema exacto para burbujas temporales, rutas jerárquicas, enlaces ponderados y tareas programadas.

10 min de lecturaActualizado
GUÍA · EJEMPLO EN VIVO

Cronología de burbujas en movimiento

2021Norte · 2021 · X 22 · Y 64 · 38Norte38Sur · 2021 · X 48 · Y 36 · 62Sur62Este · 2021 · X 71 · Y 72 · 44Este44Oeste · 2021 · X 84 · Y 28 · 26Oeste262021202220232024
LIVELYCHARTDa vida a los datos

De datos limpios a un gráfico listo para publicar.

  • Convierte la búsqueda en una decisión de gráfico
  • Prepara CSV con etiquetas, unidades y periodos limpios
  • Usa Cronología de burbujas en movimiento solo si encaja con la relación de datos
  • Exporta vídeo y un PNG final para reutilizar
Probar el ejemplo

Constrúyelo con la estructura correcta

Usa este esquema listo para gráficos como punto de partida. Sustituye las filas de ejemplo, conserva las columnas y revisa toda la animación antes de exportar.

Ideal para
Las burbujas se desplazan, cambian de tamaño y se reagrupan entre periodos para revelar cambios multivariables.
Columnas obligatorias
EntidadPeriodoXYTamaño
Qué representa una fila
Una entidad en un periodo, con coordenadas X e Y y un tamaño numérico. Repite cada entidad en todos los periodos.

Flujo en tres pasos

  1. 1

    Conserva los nombres y el orden de columnas mostrados arriba.

  2. 2

    Añade una observación por fila y mantén nombres, unidades y periodos coherentes.

  3. 3

    Previsualiza todos los fotogramas y ajusta etiquetas, densidad y ritmo.

Cronología de burbujas en movimientoEjemplo CSV localizado
Entidad,Periodo,X,Y,Tamaño
Norte,2021,22,64,38
Sur,2021,48,36,62
Este,2021,71,72,44
Oeste,2021,84,28,26
Norte,2022,31,69,46
Sur,2022,52,43,70
Este,2022,66,78,51
Oeste,2022,77,35,34
Norte,2023,39,75,58
Sur,2023,59,51,77
Este,2023,72,83,63
Oeste,2023,69,44,42
Norte,2024,47,81,72
Sur,2024,66,60,86
Este,2024,79,88,75
Oeste,2024,61,53,55
Qué representa una fila

Constrúyelo con la estructura correcta

Usa este esquema listo para gráficos como punto de partida. Sustituye las filas de ejemplo, conserva las columnas y revisa toda la animación antes de exportar.

Ideal para
Los anillos anidados se despliegan desde el centro para mostrar la composición jerárquica y la contribución de cada rama.
Columnas obligatorias
RutaValor
Qué representa una fila
Una ruta final y su valor. Separa los niveles con una barra, por ejemplo Producto/Núcleo/Búsqueda.

Flujo en tres pasos

  1. 1

    Conserva los nombres y el orden de columnas mostrados arriba.

  2. 2

    Añade una observación por fila y mantén nombres, unidades y periodos coherentes.

  3. 3

    Previsualiza todos los fotogramas y ajusta etiquetas, densidad y ritmo.

Sunburst animadoEjemplo CSV localizado
Ruta,Valor
Producto/Núcleo/Búsqueda,28
Producto/Núcleo/Espacio de trabajo,22
Producto/Crecimiento/Automatización,18
Producto/Crecimiento/Insights,14
Servicios/Consultoría/Estrategia,12
Servicios/Consultoría/Investigación,9
Servicios/Entrega/Lanzamiento,16
Servicios/Entrega/Soporte,11
Socios/Plataforma/Nube,13
Socios/Plataforma/Datos,8
Qué representa una fila

Constrúyelo con la estructura correcta

Usa este esquema listo para gráficos como punto de partida. Sustituye las filas de ejemplo, conserva las columnas y revisa toda la animación antes de exportar.

Ideal para
Las relaciones ponderadas se dibujan mientras los nodos conectados se acomodan en una red relajada.
Columnas obligatorias
OrigenDestinoPeso
Qué representa una fila
Una conexión dirigida de Origen a Destino. El peso controla la fuerza del enlace y el énfasis del nodo.

Flujo en tres pasos

  1. 1

    Conserva los nombres y el orden de columnas mostrados arriba.

  2. 2

    Añade una observación por fila y mantén nombres, unidades y periodos coherentes.

  3. 3

    Previsualiza todos los fotogramas y ajusta etiquetas, densidad y ritmo.

Red de fuerzasEjemplo CSV localizado
Origen,Destino,Peso
Producto,Diseño,8
Producto,Ingeniería,10
Producto,Investigación,6
Diseño,Marca,4
Diseño,Crecimiento,5
Ingeniería,Datos,7
Ingeniería,Plataforma,9
Investigación,Datos,5
Crecimiento,Ventas,6
Ventas,Soporte,4
Plataforma,Soporte,5
Datos,Insights,7
Insights,Crecimiento,3
Qué representa una fila

Constrúyelo con la estructura correcta

Usa este esquema listo para gráficos como punto de partida. Sustituye las filas de ejemplo, conserva las columnas y revisa toda la animación antes de exportar.

Ideal para
Las barras de proyecto se construyen sobre una cronología común con progreso y tareas reveladas en secuencia.
Columnas obligatorias
TareaInicioFinProgreso
Qué representa una fila
Una tarea con inicio y fin numéricos y progreso de 0 a 100. El fin debe ser mayor que el inicio.

Flujo en tres pasos

  1. 1

    Conserva los nombres y el orden de columnas mostrados arriba.

  2. 2

    Añade una observación por fila y mantén nombres, unidades y periodos coherentes.

  3. 3

    Previsualiza todos los fotogramas y ajusta etiquetas, densidad y ritmo.

Cronología de Gantt animadaEjemplo CSV localizado
Tarea,Inicio,Fin,Progreso
Investigación,0,3,100
Estrategia,1,5,92
Diseño UX,3,8,78
Prototipo,5,10,65
Ingeniería,7,15,48
Control de calidad,13,17,32
Lanzamiento,16,20,12
Qué representa una fila

Sigue el flujo

Haz los pasos en orden para un gráfico nuevo, o úsalos como lista de revisión de una animación existente.

  1. 01

    Entiende la intención local

    Aclara si la persona busca tutorial, plantilla, ajustes de exportación o ejemplo para reporting antes de elegir el gráfico.

  2. 02

    Prepara un CSV reemplazable

    Usa una sola fila de encabezados, etiquetas cortas, unidades consistentes y elimina totales o notas que rompan el ejemplo.

  3. 03

    Elige el patrón de gráfico

    Parte de la pregunta: ranking, tendencia, comparación, parte del total, flujo o relación. Usa Cronología de burbujas en movimiento cuando haga visible esa relación.

  4. 04

    Escribe la conclusión visible

    Incluye conclusión, unidad y periodo cerca del gráfico para que el fotograma final funcione en búsquedas, redes o informes.

  5. 05

    Ajusta el movimiento para lectura

    Reduce la velocidad en líderes, cruces, anomalías y valores finales. La animación debe guiar, no decorar.

  6. 06

    Exporta según el destino

    Crea MP4 o WebM para movimiento y PNG para PDFs, emails, previsualizaciones y contextos con movimiento reducido.

Prueba estas plantillas

Compara el movimiento y la lectura antes de comprometerte con un formato. Cada ejemplo se abre como gráfico editable basado en datos.

TENDENCIA · VISTA EN VIVO

Cronología de burbujas en movimiento

2021Norte · 2021 · X 22 · Y 64 · 38Norte38Sur · 2021 · X 48 · Y 36 · 62Sur62Este · 2021 · X 71 · Y 72 · 44Este44Oeste · 2021 · X 84 · Y 28 · 26Oeste262021202220232024
LIVELYCHARTDa vida a los datos
tendencia

Cronología de burbujas en movimiento

Las burbujas se desplazan, cambian de tamaño y se reagrupan entre periodos para revelar cambios multivariables.

Usar esta plantilla
CUOTA · VISTA EN VIVO

Sunburst animado

Producto: 82ProductoNúcleo: 50NúcleoBúsqueda: 28BúsquedaEspacio de trabajo: 22Espacio de trabajoCrecimiento: 32CrecimientoAutomatización: 18AutomatizaciónInsights: 14InsightsServicios: 48ServiciosConsultoría: 21ConsultoríaEstrategia: 12EstrategiaInvestigación: 9InvestigaciónEntrega: 27EntregaLanzamiento: 16LanzamientoSoporte: 11SoporteSocios: 21SociosPlataforma: 21PlataformaNube: 13NubeDatos: 8Datos151
LIVELYCHARTDa vida a los datos
cuota

Sunburst animado

Los anillos anidados se despliegan desde el centro para mostrar la composición jerárquica y la contribución de cada rama.

Usar esta plantilla
COMPARACIÓN · VISTA EN VIVO

Red de fuerzas

Producto → Diseño: 8Producto → Ingeniería: 10Producto → Investigación: 6Diseño → Marca: 4Diseño → Crecimiento: 5Ingeniería → Datos: 7Ingeniería → Plataforma: 9Investigación → Datos: 5Crecimiento → Ventas: 6Ventas → Soporte: 4Plataforma → Soporte: 5Datos → Insights: 7Insights → Crecimiento: 3ProductoDiseñoIngenieríaInvestigaciónMarcaCrecimientoDatosPlataformaVentasSoporteInsights
LIVELYCHARTDa vida a los datos
comparación

Red de fuerzas

Las relaciones ponderadas se dibujan mientras los nodos conectados se acomodan en una red relajada.

Usar esta plantilla
TENDENCIA · VISTA EN VIVO

Cronología de Gantt animada

048121620InvestigaciónInvestigación: 0—3 · 100%100%EstrategiaEstrategia: 1—5 · 92%92%Diseño UXDiseño UX: 3—8 · 78%78%PrototipoPrototipo: 5—10 · 65%65%IngenieríaIngeniería: 7—15 · 48%48%Control de calidadControl de calidad: 13—17 · 32%32%LanzamientoLanzamiento: 16—20 · 12%12%
LIVELYCHARTDa vida a los datos
tendencia

Cronología de Gantt animada

Las barras de proyecto se construyen sobre una cronología común con progreso y tareas reveladas en secuencia.

Usar esta plantilla

Casos relacionados

Preguntas frecuentes

¿Para quién es la guía Crear burbujas dinámicas, sunbursts, redes y Gantt?

Para equipos que convierten CSV o hojas de cálculo en gráficos animados reutilizables para informes, páginas de producto, redes o presentaciones.

¿Con qué gráfico debería empezar?

Empieza con la plantilla Cronología de burbujas en movimiento si encaja con la relación de datos. Si la pregunta cambia, cambia la plantilla antes de diseñar.

¿Qué formato conviene exportar?

MP4 para compatibilidad, WebM para web, GIF solo para bucles cortos sin audio y PNG como fotograma final de respaldo.

¿Listo para
hacer mover tus datos?

Abrir el estudio