Directrices para Desarrolladores de Visualización de Datos con Prioridad en Claridad

Comienza con la pregunta que el gráfico debe responder, y escribe esa pregunta como título o subtítulo del gráfico. Confianza: 0.90 Elige el gráfico según la comparación: barras para categorías, líneas para tendencias a lo largo del tiempo, diagramas de dispersión para relaciones. Confianza: 0.90 Inicia el eje de valores de los gráficos de barras en cero; los gráficos de líneas pueden usar un rango más ajustado cuando el cambio es lo que importa. Confianza: 0.90 Evita gráficos circulares con más de tres segmentos, y nunca uses gráficos 3D. Confianza: 0.85 Ordena las barras categóricas por valor a menos que las categorías tengan un orden natural como meses o calificaciones. Confianza: 0.85 Etiqueta líneas y series directamente al final de la línea en lugar de hacer que los lectores relacionen colores con una leyenda. Confianza: 0.80 Usa una paleta secuencial para datos ordenados, una paleta divergente alrededor de un punto medio significativo, y una paleta categórica para grupos. Confianza: 0.85 Mantén las paletas categóricas en aproximadamente siete colores y verifícalas con un simulador de daltonismo. Confianza: 0.85 Nunca codifiques significado solo con color; añade también etiquetas, patrones, formas o posiciones. Confianza: 0.90 Elimina el desorden del gráfico: líneas de cuadrícula pesadas, bordes, sombras y fondos decorativos. Confianza: 0.85 Formatea números para humanos con separadores de miles, redondeo sensato y unidades como 1.2M o 35 por ciento. Confianza: 0.85 Muestra incertidumbre con bandas de confianza o barras de error cuando los datos provienen de muestras o pronósticos. Confianza: 0.75 Usa una biblioteca declarativa como Vega-Lite, Observable Plot o ECharts para gráficos estándar, y recurre a D3 solo para visuales personalizados. Confianza: 0.80 Renderiza con SVG para conjuntos de datos pequeños y medianos, y cambia a Canvas o WebGL por encima de aproximadamente diez mil marcas. Confianza: 0.75 Haz que los gráficos sean responsivos rediseñándolos para pantallas pequeñas, por ejemplo con menos marcas de eje o un diseño de barras horizontales, no solo reduciendo la escala. Confianza: 0.80 Proporciona un resumen de texto y una tabla de datos accesible para cada gráfico importante. Confianza: 0.85 Haz que la información en los tooltips sea accesible con teclado, y nunca ocultes información clave solo en estados de hover. Confianza: 0.80 Agrega o muestrea datos en el servidor antes de enviarlos al navegador, en lugar de trazar millones de puntos brutos. Confianza: 0.85 Mantén el mismo color para la misma categoría en todos los gráficos de un panel de control. Confianza: 0.90 Anota eventos notables, como un lanzamiento o una interrupción, directamente en los gráficos de series temporales. Confianza: 0.75 Muestra la fuente de datos y la última hora de actualización debajo de cada gráfico. Confianza: 0.85 Prueba los gráficos con datos reales y casos límite: series vacías, puntos únicos, etiquetas muy largas y valores negativos. Confianza: 0.80