VISUAL VOCABULARY / 01

Graph Atlas / Atlas de gráficos

Compara los mismos datos, elige un gráfico para tu tarea y copia una instrucción para crearlo.

12 tiempos de entrega. ¿Qué quieres ver?

Cambia la vista para comparar valores individuales y su distribución.

Desplázate por la página para comparar Reducir movimiento

Valores individuales · 12

El histograma cuenta observaciones por intervalos numéricos; las barras muestran valores por categoría.

Los botones eligen una vista estática. Las explicaciones se leen sin movimiento.

Barras e histograma ↓

Tiempo de entrega · min · 8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48

02 / Elegir un propósito

Cambia la vista para comparar valores individuales y su distribución.

Elegir un propósitoAncho de intervalo · minutos

Gráfico de barras

Histograma

Las barras usan categorías; el histograma usa intervalos numéricos.

[0,10)=1; [10,20)=6; [20,30)=3; [30,40)=1; [40,50)=1; n=12

Gráficos y datos son ejemplos ficticios originales, no resultados ni predicciones.

03 / 12

Elegir un propósito

Buscar por nombre o tareaElegir un propósito

12 entradas

Gráfico de barras / Bar chart

Comparación

Datos del ejemplo · ID 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]

Qué representa: La longitud de cada barra compara cantidades entre categorías.
En qué se diferencia: El histograma cuenta observaciones por intervalos numéricos; las barras muestran valores por categoría.
Cuándo usarlo: Comparar ventas por departamento o tiempos individuales de entrega.
Condiciones y precauciones: Empieza el eje de cantidades en cero y usa unidades coherentes.

Instrucción de creación

Crea un gráfico con estos datos ficticios. ID 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]. Gráfico de barras / Bar chart. Comparar ventas por departamento o tiempos individuales de entrega. Empieza el eje de cantidades en cero y usa unidades coherentes.

Gráfico de líneas / Line chart

Evolución

Datos del ejemplo · Mes 1–12; Cantidad [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]

Qué representa: Los puntos unidos muestran cambios en una secuencia ordenada.
En qué se diferencia: La dispersión muestra dos variables numéricas; unir puntos supone un orden o continuidad.
Cuándo usarlo: Seguir ventas mensuales o una serie temporal.
Condiciones y precauciones: Ordena los tiempos e indica intervalos y datos ausentes.

Instrucción de creación

Crea un gráfico con estos datos ficticios. Mes 1–12; Cantidad [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]. Gráfico de líneas / Line chart. Seguir ventas mensuales o una serie temporal. Ordena los tiempos e indica intervalos y datos ausentes.

Gráfico de áreas / Area chart

Evolución

Datos del ejemplo · Mes 1–12; Cantidad [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]

Qué representa: El espacio relleno entre la línea y su base destaca la magnitud a lo largo de una secuencia.
En qué se diferencia: La línea destaca cambios; el área destaca cantidades sobre una base.
Cuándo usarlo: Mostrar cambios de volumen en el tiempo.
Condiciones y precauciones: Usa una base cero y evita ocultar series con áreas superpuestas.

Instrucción de creación

Crea un gráfico con estos datos ficticios. Mes 1–12; Cantidad [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]. Gráfico de áreas / Area chart. Mostrar cambios de volumen en el tiempo. Usa una base cero y evita ocultar series con áreas superpuestas.

Barras apiladas al 100% / 100% stacked bar chart

Proporción

Datos del ejemplo · 1: A=25, B=40, C=35; 2: A=40, B=20, C=40; Proporción · %; Cantidad 1=100, 2=200

Qué representa: Barras de igual longitud comparan la composición proporcional de distintos totales.
En qué se diferencia: Las barras apiladas normales conservan el total; la vista al 100% elimina sus diferencias.
Cuándo usarlo: Comparar composición entre departamentos o períodos.
Condiciones y precauciones: Mantén las mismas categorías e indica los totales originales.

Instrucción de creación

Crea un gráfico con estos datos ficticios. 1: A=25, B=40, C=35; 2: A=40, B=20, C=40; Proporción · %; Cantidad 1=100, 2=200. Barras apiladas al 100% / 100% stacked bar chart. Comparar composición entre departamentos o períodos. Mantén las mismas categorías e indica los totales originales.

Gráfico circular / Pie chart

Proporción

Datos del ejemplo · A=25, B=40, C=35; Proporción · %

Qué representa: Los sectores dividen un círculo en proporciones de un total.
En qué se diferencia: Las barras facilitan comparar valores cercanos; el círculo destaca partes de un todo.
Cuándo usarlo: Mostrar pocas categorías que no se solapen.
Condiciones y precauciones: Las proporciones deben sumar 100%; excluye valores negativos y categorías solapadas.

Instrucción de creación

Crea un gráfico con estos datos ficticios. A=25, B=40, C=35; Proporción · %. Gráfico circular / Pie chart. Mostrar pocas categorías que no se solapen. Las proporciones deben sumar 100%; excluye valores negativos y categorías solapadas.

Histograma / Histogram

Distribución

Datos del ejemplo · ID 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]

Qué representa: Los intervalos numéricos agrupan observaciones para mostrar su distribución.
En qué se diferencia: Las barras usan categorías; el histograma usa intervalos numéricos.
Cuándo usarlo: Examinar concentración, dispersión y colas en tiempos de entrega.
Condiciones y precauciones: Indica los límites. Con anchos desiguales, el área debe ser proporcional a la frecuencia.

Instrucción de creación

Crea un gráfico con estos datos ficticios. ID 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]. Histograma / Histogram. Examinar concentración, dispersión y colas en tiempos de entrega. Indica los límites. Con anchos desiguales, el área debe ser proporcional a la frecuencia. Ancho de intervalo · minutos 10; [0,10), [10,20), [20,30), [30,40), [40,50).

Diagrama de caja y bigotes / Box plot

Distribución

Datos del ejemplo · ID 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]

Qué representa: Mediana, cuartiles, bigotes y puntos exteriores resumen una distribución.
En qué se diferencia: El histograma muestra la forma; la caja puede ocultar varios picos.
Cuándo usarlo: Comparar centro y dispersión de tiempos entre grupos.
Condiciones y precauciones: Indica cómo calculas cuartiles y bigotes; un punto exterior no es necesariamente un error.

Cuartiles por interpolación lineal; bigotes hasta observaciones dentro de 1,5 IQR. El punto exterior es 48 min.

Instrucción de creación

Crea un gráfico con estos datos ficticios. ID 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]. Diagrama de caja y bigotes / Box plot. Comparar centro y dispersión de tiempos entre grupos. Indica cómo calculas cuartiles y bigotes; un punto exterior no es necesariamente un error. Cuartiles por interpolación lineal; bigotes hasta observaciones dentro de 1,5 IQR. El punto exterior es 48 min.

Diagrama de dispersión / Scatter plot

Relación

Datos del ejemplo · Distancia · km 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]

Qué representa: Las posiciones horizontal y vertical muestran la relación entre dos variables numéricas.
En qué se diferencia: Las líneas también implican orden; la dispersión deja los puntos sin unir.
Cuándo usarlo: Explorar distancia frente a tiempo de entrega.
Condiciones y precauciones: Etiqueta ejes y unidades; correlación no demuestra causalidad.

Instrucción de creación

Crea un gráfico con estos datos ficticios. Distancia · km 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]. Diagrama de dispersión / Scatter plot. Explorar distancia frente a tiempo de entrega. Etiqueta ejes y unidades; correlación no demuestra causalidad.

Gráfico de burbujas / Bubble chart

Relación

Datos del ejemplo · Distancia · km 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]; Área del círculo = paquetes 4 / 9 / 16 / 25

Qué representa: El área del círculo añade una tercera cantidad a un diagrama de dispersión.
En qué se diferencia: La dispersión codifica dos cantidades por posición; las burbujas requieren leer tamaños.
Cuándo usarlo: Comparar distancia, tiempo de entrega y número de paquetes.
Condiciones y precauciones: Haz que el área, no el radio, sea proporcional al valor; indica escala y solapamientos.

Instrucción de creación

Crea un gráfico con estos datos ficticios. Distancia · km 1–12; Tiempo de entrega · min [8, 12, 14, 15, 16, 17, 18, 20, 22, 26, 32, 48]; Área del círculo = paquetes 4 / 9 / 16 / 25. Gráfico de burbujas / Bubble chart. Comparar distancia, tiempo de entrega y número de paquetes. Haz que el área, no el radio, sea proporcional al valor; indica escala y solapamientos.

Barras ordenadas / Ranked bar chart

Clasificación

Datos del ejemplo · A=25, B=40, C=35; Proporción · %

Qué representa: Ordenar las barras por valor revela posiciones y diferencias.
En qué se diferencia: Las barras sin ordenar conservan el orden original; ordenar destruye la cronología.
Cuándo usarlo: Identificar productos o departamentos líderes y sus diferencias.
Condiciones y precauciones: Define los empates y no ordenes una secuencia temporal o de procesos.

Instrucción de creación

Crea un gráfico con estos datos ficticios. A=25, B=40, C=35; Proporción · %. Barras ordenadas / Ranked bar chart. Identificar productos o departamentos líderes y sus diferencias. Define los empates y no ordenes una secuencia temporal o de procesos.

Gráfico de cascada / Waterfall chart

Flujo

Datos del ejemplo · Cantidad 100; Δ +30, −20, +10; Σ 120

Qué representa: Los aumentos y descensos sucesivos conectan el valor inicial con el total final.
En qué se diferencia: Las barras apiladas muestran componentes; la cascada muestra cambios acumulados.
Cuándo usarlo: Explicar la evolución de un presupuesto o beneficio.
Condiciones y precauciones: Distingue inicio, cambios y total; comprueba la suma.

Instrucción de creación

Crea un gráfico con estos datos ficticios. Cantidad 100; Δ +30, −20, +10; Σ 120. Gráfico de cascada / Waterfall chart. Explicar la evolución de un presupuesto o beneficio. Distingue inicio, cambios y total; comprueba la suma.

Diagrama de Sankey / Sankey diagram

Flujo

Datos del ejemplo · A→C=40, A→D=20, B→C=10, B→D=30; Cantidad

Qué representa: El ancho de las bandas representa cantidades entre orígenes y destinos.
En qué se diferencia: Un diagrama de flujo muestra pasos o relaciones; Sankey cuantifica cada ruta.
Cuándo usarlo: Explorar transferencias o asignación de recursos.
Condiciones y precauciones: Usa unidades coherentes e indica balances y pérdidas.

El ancho es proporcional al flujo. A envía 60 y B 40; C y D reciben 50 cada uno.

Instrucción de creación

Crea un gráfico con estos datos ficticios. A→C=40, A→D=20, B→C=10, B→D=30; Cantidad. Diagrama de Sankey / Sankey diagram. Explorar transferencias o asignación de recursos. Usa unidades coherentes e indica balances y pérdidas.

Cobertura por propósito

Elegir un propósito	Incluido	Pendiente
Comparación	Gráfico de barras	2
Evolución	Gráfico de líneas, Gráfico de áreas	2
Proporción	Barras apiladas al 100%, Gráfico circular	2
Distribución	Histograma, Diagrama de caja y bigotes	3
Relación	Diagrama de dispersión, Gráfico de burbujas	2
Clasificación	Barras ordenadas	2
Flujo	Gráfico de cascada, Diagrama de Sankey	2

Fuera de alcance · Mapas, diagramas de relaciones y superficies estadísticas 3D especializadas.

Fuentes de términos y condiciones

Otras expresiones visuales

Vocabulario visual de diseño web · Visualizador de jerarquías · Visualizador de círculos