Empieza aquí
Caminos cortos al atlas — elige uno y sigue las siete secciones.
Popular en Todo sobre visualización
FAQ de visualización
¿El estudio reemplaza una suite de diseño completa?
¿Las puntuaciones coronan el “mejor” gráfico?
¿El estudio garantiza pasar WCAG?
¿Los gráficos de pastel son siempre malos?
Estudio
Recorrer el atlas
📊 Gráficos
Barras, líneas, tartas, dispersión, calor, cascada, embudo, treemap.
▮ Gráfico de barras
Compara categorías sobre una línea base compartida: el gráfico honesto por defecto.
Abrir →
📈 Gráfico de líneas
Muestra el cambio en el tiempo con un trazo continuo.
Abrir →
◐ Tarta y donut
Una forma seductora de parte-todo: potente en anuncios, peligrosa con muchas porciones.
Abrir →
⚬ Diagrama de dispersión
Dos variables medidas como nube de puntos: la forma honesta de hablar de correlación.
Abrir →
▦ Mapa de calor
Una matriz de intensidad: densa, seductora y fácil de falsear con un arcoíris.
Abrir →
📶 Cascada
Cómo se construyó un total: inicio, más, menos, fin.
Abrir →
▽ Embudo
Etapas que se encogen: el marketing lo ama; la ciencia debe pedir honestidad.
Abrir →
▭ Mapa de árbol
Jerarquía en rectángulos anidados: archivos, presupuestos, carteras.
Abrir →
📶 Histograma
Conteos por intervalo: dónde se amontona una medida, no una comparación de categorías.
Abrir →
🔀 Diagramas
Flujo, organigrama, mapa mental, Venn, línea de tiempo.
⇨ Flujograma
Cajas y flechas para un proceso: clásico escolar que sigue en operaciones.
Abrir →
🌳 Organigrama
Quién reporta a quién: un árbol que aclara empresa o proyecto escolar.
Abrir →
✦ Mapa mental
Un volcado radial de ideas: excelente para estudiar, débil como argumento.
Abrir →
◯ Diagrama de Venn
Conjuntos que se solapan: favorito escolar que la publicidad abusa.
Abrir →
— Línea de tiempo
Hechos en un riel de tiempo: deberes de historia, lanzamientos, campañas.
Abrir →
⬡ Formas
Geometría, flechas, llamadas, bloques.
▲ Formas geométricas
Círculos, cuadrados, triángulos, hexágonos: el alfabeto de anuncios e iconos.
Abrir →
→ Flechas y conectores
La dirección es un argumento: anuncios y diapositivas viven de la flecha.
Abrir →
💬 Llamadas y badges
El grito del layout: badges de oferta, globos, pasos numerados.
Abrir →
▣ Bloques de infografía
Una página de baldosas: revistas, landings y paneles escolares.
Abrir →
🎯 Oficio
Color, tinta de datos, accesibilidad.
🎨 Sistemas de color
El matiz es herramienta, no adorno: escalas categóricas, secuenciales y divergentes.
Abrir →
✒️ Tinta de datos
Cada píxel debe ganarse el sitio: el test de Tufte para informes.
Abrir →
♿ Visualización accesible
Si solo funciona en matiz, no funciona: patrones, contraste y texto en gris.
Abrir →
✦ Estudio
Informes, anuncios, escuela, pitch.
📁 Informes de trabajo
El paquete semanal y trimestral: barras, cascadas y baldosas en cuatro minutos.
Abrir →
📣 Anuncios y creatividades
Formas que deben funcionar de un vistazo: badges, flechas, recortes y un número.
Abrir →
📚 Tareas escolares
Figuras que un docente puede corregir: ejes rotulados, fuente, gráfico que responde.
Abrir →
🎬 Decks de pitch
Diez a quince diapos que argumentan: mercado, cuña, prueba, ask.
Abrir →
W Maneras
Veinte manuales prácticos (contraste, cuadrículas, Mermaid, ECharts, D3, Lucide y más) con licencias y enlaces de GitHub.
A11Y Verificación de contraste WCAG
Verifique el contraste del texto y el fondo antes de realizar el envío: la ganancia de accesibilidad más rápida para diapositivas, sitios y carteles.
Abrir →
PAL Constructor de paletas y escalas
Cree paletas categóricas, secuenciales y divergentes que sobrevivan a la impresión y a la visualización daltónica.
Abrir →
Aa Escala de tipografía
Elija una escala de tipo modular para que los títulos, el cuerpo y los subtítulos dejen de pelear entre sí en diapositivas y monopaginas.
Abrir →
GRID Cuadrícula de diapositivas y documentos
Alinee cada bloque con una cuadrícula simple para que los informes, presentaciones y carteles parezcan intencionales sin un diseñador.
Abrir →
CHOOSE Decisión de datos a gráfico
Haga coincidir la pregunta con una codificación (comparación, tendencia, parte con el todo, correlación) antes de abrir cualquier herramienta.
Abrir →
MM Diagramas de texto de sirena
Escriba un diagrama de flujo o una secuencia en texto plano: versionable, revisable y gratuito a través de Mermaid.
Abrir →
SEQ Patrones de diagrama de secuencia
Muestre quién habla con quién a lo largo del tiempo: el patrón de oficina y aula para API, transferencias y protocolos.
Abrir →
SKETCH Estructuras alámbricas de bocetos de Excalidraw
Dibuja la idea con Excalidraw antes de pulirla: la claridad dibujada a mano supera a la elaboración prematura de píxeles.
Abrir →
EC Paneles de Apache ECharts
Envíe paneles de oficina interactivos con Apache ECharts: Apache-2.0, catálogo de gráficos enorme, sin raspado de propiedad.
Abrir →
CJ Gráficos rápidos de Chart.js
Coloque Chart.js en una página para obtener barras y líneas honestas cuando necesite un gráfico web hoy, no una plataforma.
Abrir →
D3 artesanía personalizada D3
Busque D3 cuando la codificación no exista en una plantilla: control total, mayor costo de creación.
Abrir →
VL Gramática Vega Lite
Declare codificaciones en JSON con Vega-Lite: gráficos reproducibles que enseñan la gramática de los gráficos.
Abrir →
PLOT Kit de trama observable
Trace tablas ordenadas con Observable Plot: conciso, con licencia ISC y amigable para los explicadores de análisis.
Abrir →
ROUGH Anotación rugosa.js
Utilice trazos de Rough.js para anotar y enfatizar: persuasión a través de marcas de apariencia humana, no cromadas.
Abrir →
SANK Historias de flujo de Sankey
Cuente cómo se mueve la cantidad entre etapas con un Sankey: presupuestos, embudos e historias de energía.
Abrir →
NET Mapas de gráficos de red
Mapee relaciones como nodos y enlaces (equipos, citas, dependencias) con bibliotecas de gráficos abiertas.
Abrir →
MAP Mapas de historia de coropletas
Sombree las regiones según una tasa (elecciones, salud, ventas) con pilas geográficas abiertas y escalas de colores honestas.
Abrir →
ICO Sistemas de iconos abiertos
Elija un conjunto de iconos abiertos y cúmplalo: las metáforas consistentes superan a las imágenes prediseñadas mixtas en mazos y productos.
Abrir →
CV Reanudar receta de infografía
Cree un currículum visual de una página: cuadrícula, escala de tipos, barras de habilidades honestas, íconos abiertos, sin volcado de imágenes prediseñadas.
Abrir →
QBR Imágenes del informe trimestral
Un paquete trimestral repetible: puente en cascada, líneas de tendencia, tipografía sin contraste, una idea por diapositiva.
Abrir →