Gráfico cuantitativo · Unit chart / dot matrix / pictogram / tally chart
Gráficos de unidades
Los gráficos de unidades representan cantidades con marcas repetidas que tienen un valor fijo. Una matriz ayuda a leer partes de un total; los pictogramas repiten una figura y las marcas de conteo agrupan unidades de cinco. Comparten una condición: explicar cuánto vale cada marca.
También: matriz de puntos, pictogramas, conteo, waffle, tally chart, isotype.
- Qué permite ver
- Mostrar composición · Comparar categorías
- Clave de lectura
- Cantidades mediante unidades repetidas y una clave visible.
El ejemplo en vivo
Cómo se reparten cien horas de trabajo
Horas · total = 100 · categorías excluyentes · 1 punto = 1 hora
- Investigación · 45 h
- Pruebas de oferta · 35 h
- Revisión · 20 h
PDF guarda la vista del gráfico; SVG conserva la imagen vectorial y TSV contiene los datos. Este ejemplo usa datos simulados o un esquema hipotético.
{"slug":"grafico_de_matriz_de_puntos","title":"Cómo se reparten cien horas de trabajo","unit":"Horas · total = 100 · categorías excluyentes · 1 punto = 1 hora","reading":"Investigación ocupa 45 horas, pruebas de oferta 35 y revisión 20. Las tres partes completan el mismo total.","headers":["Tarea","Horas","Porcentaje"],"rows":[["Investigación",45,"45 %"],["Pruebas de oferta",35,"35 %"],["Revisión",20,"20 %"]],"geometry":"<circle class=\"vx-a\" cx=\"120\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"160\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"200\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"240\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"280\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"320\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"360\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"400\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"440\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"480\" cy=\"33\" r=\"8\"/><circle class=\"vx-a\" cx=\"120\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"160\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"200\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"240\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"280\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"320\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"360\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"400\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"440\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"480\" cy=\"61\" r=\"8\"/><circle class=\"vx-a\" cx=\"120\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"160\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"200\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"240\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"280\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"320\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"360\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"400\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"440\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"480\" cy=\"89\" r=\"8\"/><circle class=\"vx-a\" cx=\"120\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"160\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"200\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"240\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"280\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"320\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"360\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"400\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"440\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"480\" cy=\"117\" r=\"8\"/><circle class=\"vx-a\" cx=\"120\" cy=\"145\" r=\"8\"/><circle class=\"vx-a\" cx=\"160\" cy=\"145\" r=\"8\"/><circle class=\"vx-a\" cx=\"200\" cy=\"145\" r=\"8\"/><circle class=\"vx-a\" cx=\"240\" cy=\"145\" r=\"8\"/><circle class=\"vx-a\" cx=\"280\" cy=\"145\" r=\"8\"/><circle class=\"vx-b\" cx=\"320\" cy=\"145\" r=\"8\"/><circle class=\"vx-b\" cx=\"360\" cy=\"145\" r=\"8\"/><circle class=\"vx-b\" cx=\"400\" cy=\"145\" r=\"8\"/><circle class=\"vx-b\" cx=\"440\" cy=\"145\" r=\"8\"/><circle class=\"vx-b\" cx=\"480\" cy=\"145\" r=\"8\"/><circle class=\"vx-b\" cx=\"120\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"160\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"200\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"240\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"280\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"320\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"360\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"400\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"440\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"480\" cy=\"173\" r=\"8\"/><circle class=\"vx-b\" cx=\"120\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"160\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"200\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"240\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"280\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"320\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"360\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"400\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"440\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"480\" cy=\"201\" r=\"8\"/><circle class=\"vx-b\" cx=\"120\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"160\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"200\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"240\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"280\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"320\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"360\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"400\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"440\" cy=\"229\" r=\"8\"/><circle class=\"vx-b\" cx=\"480\" cy=\"229\" r=\"8\"/><circle class=\"vx-c\" cx=\"120\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"160\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"200\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"240\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"280\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"320\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"360\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"400\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"440\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"480\" cy=\"257\" r=\"8\"/><circle class=\"vx-c\" cx=\"120\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"160\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"200\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"240\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"280\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"320\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"360\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"400\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"440\" cy=\"285\" r=\"8\"/><circle class=\"vx-c\" cx=\"480\" cy=\"285\" r=\"8\"/>","labels":[],"legend":[{"label":"Investigación · 45 h","tone":0},{"label":"Pruebas de oferta · 35 h","tone":1},{"label":"Revisión · 20 h","tone":2}],"note":"Indicar el valor de cada punto y cómo se redondeó.","kind":"Datos simulados"}Datos simulados para enseñar la lectura; no son resultados de Lisandro ni de un cliente.
Consultar los datos del ejemplo
| Tarea | Horas | Porcentaje |
|---|---|---|
| Investigación | 45 | 45 % |
| Pruebas de oferta | 35 | 35 % |
| Revisión | 20 | 20 % |
Variante: pictogramas
Cada figura vale cinco proyectos. Los tres equipos tienen 30, 20 y 10: seis, cuatro y dos figuras del mismo tamaño. Son otros datos que los de la matriz, con otra unidad; no se suman ambas figuras.
Proyectos representados con una unidad repetida
1 figura = 5 proyectos · tres equipos
PDF guarda la vista del gráfico; SVG conserva la imagen vectorial y TSV contiene los datos. Este ejemplo usa datos simulados o un esquema hipotético.
{"slug":"grafico_de_pictogramas","title":"Proyectos representados con una unidad repetida","unit":"1 figura = 5 proyectos · tres equipos","reading":"Seis figuras representan treinta proyectos del equipo A. Todas las figuras tienen igual tamaño y no hay fracciones.","headers":["Equipo","Proyectos"],"rows":[["A",30],["B",20],["C",10]],"geometry":"<circle class=\"vx-a\" cx=\"125\" cy=\"61\" r=\"8\"/><rect class=\"vx-b\" x=\"115\" y=\"73\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"191\" cy=\"61\" r=\"8\"/><rect class=\"vx-b\" x=\"181\" y=\"73\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"257\" cy=\"61\" r=\"8\"/><rect class=\"vx-b\" x=\"247\" y=\"73\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"323\" cy=\"61\" r=\"8\"/><rect class=\"vx-b\" x=\"313\" y=\"73\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"389\" cy=\"61\" r=\"8\"/><rect class=\"vx-b\" x=\"379\" y=\"73\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"455\" cy=\"61\" r=\"8\"/><rect class=\"vx-b\" x=\"445\" y=\"73\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"125\" cy=\"151\" r=\"8\"/><rect class=\"vx-b\" x=\"115\" y=\"163\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"191\" cy=\"151\" r=\"8\"/><rect class=\"vx-b\" x=\"181\" y=\"163\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"257\" cy=\"151\" r=\"8\"/><rect class=\"vx-b\" x=\"247\" y=\"163\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"323\" cy=\"151\" r=\"8\"/><rect class=\"vx-b\" x=\"313\" y=\"163\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"125\" cy=\"241\" r=\"8\"/><rect class=\"vx-b\" x=\"115\" y=\"253\" width=\"20\" height=\"24\" rx=\"4\"/><circle class=\"vx-a\" cx=\"191\" cy=\"241\" r=\"8\"/><rect class=\"vx-b\" x=\"181\" y=\"253\" width=\"20\" height=\"24\" rx=\"4\"/>","labels":[{"x":55,"y":70,"text":"Eq. A","kind":""},{"x":550,"y":70,"text":"30","kind":""},{"x":55,"y":160,"text":"Eq. B","kind":""},{"x":550,"y":160,"text":"20","kind":""},{"x":55,"y":250,"text":"Eq. C","kind":""},{"x":550,"y":250,"text":"10","kind":""}],"legend":[],"note":"Revisar fracciones de símbolo y evitar adornos que alteren el área.","kind":"Datos simulados"}Datos simulados para enseñar la lectura; no son resultados de Lisandro ni de un cliente.
Consultar los datos del ejemplo
| Equipo | Proyectos |
|---|---|
| A | 30 |
| B | 20 |
| C | 10 |
Variante: marcas de conteo
Cada marca vale una entrevista y cada grupo cruzado reúne cinco. A tiene 12, B 8 y C 5. El conteo mantiene cifras pequeñas sin convertir el área de la marca en una medida.
Un registro por cada entrevista terminada
Entrevistas · cada marca = 1; grupo tachado = 5
PDF guarda la vista del gráfico; SVG conserva la imagen vectorial y TSV contiene los datos. Este ejemplo usa datos simulados o un esquema hipotético.
{"slug":"grafico_de_conteo","title":"Un registro por cada entrevista terminada","unit":"Entrevistas · cada marca = 1; grupo tachado = 5","reading":"Las marcas se agrupan de cinco para contar: A suma doce entrevistas; B ocho y C cinco.","headers":["Equipo","Entrevistas"],"rows":[["A",12],["B",8],["C",5]],"geometry":"<line class=\"vx-stroke\" x1=\"130\" y1=\"60\" x2=\"130\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"150\" y1=\"60\" x2=\"150\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"170\" y1=\"60\" x2=\"170\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"190\" y1=\"60\" x2=\"190\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"123\" y1=\"90\" x2=\"197\" y2=\"55\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"240\" y1=\"60\" x2=\"240\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"260\" y1=\"60\" x2=\"260\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"280\" y1=\"60\" x2=\"280\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"300\" y1=\"60\" x2=\"300\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"233\" y1=\"90\" x2=\"307\" y2=\"55\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"350\" y1=\"60\" x2=\"350\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"370\" y1=\"60\" x2=\"370\" y2=\"88\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"130\" y1=\"150\" x2=\"130\" y2=\"178\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"150\" y1=\"150\" x2=\"150\" y2=\"178\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"170\" y1=\"150\" x2=\"170\" y2=\"178\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"190\" y1=\"150\" x2=\"190\" y2=\"178\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"123\" y1=\"180\" x2=\"197\" y2=\"145\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"240\" y1=\"150\" x2=\"240\" y2=\"178\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"260\" y1=\"150\" x2=\"260\" y2=\"178\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"280\" y1=\"150\" x2=\"280\" y2=\"178\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"130\" y1=\"240\" x2=\"130\" y2=\"268\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"150\" y1=\"240\" x2=\"150\" y2=\"268\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"170\" y1=\"240\" x2=\"170\" y2=\"268\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"190\" y1=\"240\" x2=\"190\" y2=\"268\" stroke-width=\"3\"/><line class=\"vx-stroke\" x1=\"123\" y1=\"270\" x2=\"197\" y2=\"235\" stroke-width=\"3\"/>","labels":[{"x":60,"y":72,"text":"A","kind":""},{"x":530,"y":72,"text":"12","kind":""},{"x":60,"y":162,"text":"B","kind":""},{"x":530,"y":162,"text":"8","kind":""},{"x":60,"y":252,"text":"C","kind":""},{"x":530,"y":252,"text":"5","kind":""}],"legend":[],"note":"Conservar unidad de conteo y totales consultables.","kind":"Datos simulados"}Datos simulados para enseñar la lectura; no son resultados de Lisandro ni de un cliente.
Consultar los datos del ejemplo
| Equipo | Entrevistas |
|---|---|
| A | 12 |
| B | 8 |
| C | 5 |
Qué preguntas ayuda a responder
- ¿Cómo se reparten cien horas entre tareas?
- ¿Cómo comunicar un recuento pequeño sin esconderlo detrás de una forma decorativa?
Qué datos necesitás
Cantidades no negativas y una unidad por símbolo. Para composición, partes excluyentes de un total definido. Si el valor no es múltiplo de la unidad, explicá la fracción o el redondeo; no cambies el dato para completar filas.
La matriz conserva 100 horas: 45 de Investigación, 35 de Pruebas de oferta y 20 de Revisión; un punto es una hora. La variante de pictogramas usa otros datos: A 30, B 20 y C 10 proyectos, a razón de cinco proyectos por figura. El conteo usa 12, 8 y 5 entrevistas y una marca por entrevista.
Cómo leerlo
En la matriz, la cantidad de puntos por categoría expresa las horas; 45 de 100 equivale a 45 %. El orden facilita contar, pero no añade una secuencia temporal.
En pictogramas, seis figuras representan 30 proyectos. En conteo, cada grupo cruzado reúne cinco marcas: A suma dos grupos y dos marcas sueltas. Las tres variantes muestran medidas distintas y no deben sumarse entre sí.
Cuándo elegirlo y cuándo buscar otra opción
Para cantidades pequeñas o composiciones con una base fácil de reconocer. En comunicación ejecutiva, una clave visible y los valores escritos evitan que el lector deba contar cada símbolo.
Para números grandes, decimales finos o valores negativos, usá barras o una tabla. Las siluetas complejas dificultan contar y comparar; una figura repetida debe mantener igual tamaño.
Errores y malas interpretaciones
- Escalar pictogramas en alto y ancho, alterando el área además del número.
- Redondear sin indicar cuánto cambió cada cantidad.
- Suponer que cien símbolos representan cien personas cuando la unidad declarada es horas.
Alternativas para comparar
- Barras apiladas. Compara composición con longitudes, sin obligar a contar símbolos.
- Gráfico de barras. Permite comparar cantidades grandes o diferencias pequeñas.
- Gráfico circular. Muestra partes de un total con sectores; conserva las mismas exigencias del denominador.
En dashboards, informes y presentaciones
En storytelling puede facilitar una explicación de proporciones. En un dashboard de consulta frecuente, evitá que la matriz ocupe espacio sin añadir lectura: el valor escrito y una barra pueden resolver mejor la tarea.
Fuentes y alcance de la revisión
Se consultaron las secciones pertinentes de estas fuentes para la definición, codificación o método indicado. Los ejemplos, cálculos aplicados y textos de esta ficha pertenecen al proyecto.