Ejemplos

Tipos de gráficos en vivo

26 tipos de gráficos y tablas con un motor, dibujados en vivo. Empieza por tu pregunta o busca un tipo por nombre. Prueba su forma y abre la guía con ejemplos, indicaciones de uso y especificaciones para insertar en una página.

26 de 26 guías de ejemplos

¿Cómo se diferencian los valores?

Comparar

Cantidades por categoría: juntas, ordenadas o como distancia entre dos mediciones.

Ejemplos: Gráfico de barras
Ejemplos: Gráfico de piruleta
Ejemplos: Gráfico de mancuernas

¿Qué ha cambiado con el tiempo?

En el tiempo

Mediciones ordenadas que muestran tendencias, cantidades, escalones o solo principio y final.

Ejemplos: Gráfico de líneas
Ejemplos: Gráfico de área
Ejemplos: Gráfico escalonado
Ejemplos: Gráfico de pendiente
Ejemplos: Bump chart
Ejemplos: Streamgraph

¿De qué se compone el total?

Partes de un total

Proporciones como sectores, cien cuadrados o componentes apilados.

Ejemplos: Gráfico circular
Ejemplos: Gráfico waffle
Ejemplos: Treemap
Ejemplos: Gráfico sunburst
Ejemplos: Gráfico de barras apiladas

¿Dónde está el patrón?

Distribución y patrones

Las mediciones muestran concentraciones, distribuciones y atípicos ocultos por un promedio.

Ejemplos: Histograma
Ejemplos: Diagrama de puntos
Ejemplos: Gráfico ridgeline
Ejemplos: Diagrama de caja
Ejemplos: Diagrama de dispersión

¿Hemos alcanzado el objetivo?

Totales y objetivos

Construye una suma por pasos, compara valores con metas o destaca un indicador.

Ejemplos: Gráfico de cascada
Ejemplos: Gráfico de bala
Ejemplos: Indicador KPI

¿Cuál es la situación?

Cuadrículas y tablas

Filas y columnas legibles: estados con formas, números con intensidad o una tabla en vivo completa.

Ejemplos: Matriz de estado
Ejemplos: Mapa de calor
Ejemplos: Tabla interactiva

¿Hacia dónde fluye?

Flujos

Sigue dinero, energía o personas desde el origen hasta el destino.

Ejemplos: Diagrama de Sankey

Cómo crear un gráfico

  1. 01

    Elige la forma adecuada: comparación, tendencia, proporción o distribución. Las páginas explican cuándo conviene usar otro tipo.

  2. 02

    Abre el creador y pega tus filas a mano o desde una hoja de cálculo. El gráfico se actualiza al editar y los datos permanecen en tu navegador.

  3. 03

    Llévalo donde quieras: código para insertar en vivo, PNG o SVG para documentos y diapositivas, o un enlace con el gráfico en su dirección.