Diseñar gráficos con escalas claras y accesibilidad
Perfil para elegir gráficos según la pregunta y el tipo de datos, revisar ejes, agregación, incertidumbre y color, y planificar interacción accesible. Incluye una lista de revisión y ejemplos de escalas D3; el renderizado y el rendimiento deben comprobarse en cada implementación.Ir a la descarga
Ficha elaborada por peopleofthe.ai con asistencia de IA. Consulta el criterio editorial y los límites de las pruebas.
Perfil y licencia completos revisados; SHA256 y Git blob cotejados con árbol no truncado de revisión fija. ZIP reconstruido determinísticamente. Ningún recurso externo instalado o ejecutado.
Antes de empezar
Comprueba que tienes lo necesario para usar este recurso.
- Asistente que interprete perfiles Markdown en inglés; aportar pregunta, significado de campos, unidades, población, periodo y datos autorizados. No incluye un dataset, un gráfico generado ni una aplicación instalada.
- Los fragmentos JavaScript importan d3-scale y d3-scale-chromatic y usan maxValue y max sin definir. Son ejemplos parciales: necesitan integración, dependencias y valores validados; el paquete no incluye esas bibliotecas.
- La tabla SVG/Canvas/WebGL y el objetivo de 60 fps son orientaciones del autor, no límites universales ni mediciones. Evaluar con el volumen real, hardware objetivo, interacción y agregación aplicables.
- Las paletas y etiquetas no certifican accesibilidad. Comprobar contraste, uso sin color, teclado, lector de pantalla, alternativa tabular y simulación de diferencias de percepción del color sobre el gráfico final.
- Las reglas de elección de gráfico son heurísticas. Revisar dominio de ejes, valores negativos, datos ausentes, sesgo por agregación y significado de la incertidumbre; no fabricar causalidad o conclusiones por el aspecto visual.
- Perfil gratuito MIT; el modelo, servicios de datos, herramientas o alojamiento pueden tener costes. No se han ejecutado ejemplos, instalado dependencias ni medido comprensión, accesibilidad o rendimiento.
Compatibilidad declarada
Según la documentación de origen. La presencia en esta lista no implica una prueba de ejecución en cada entorno.
Una forma de empezar
EJEMPLO ILUSTRATIVOUna solicitud para adaptar a tu contexto y usar con el recurso.
Datos ficticios: tres categorías tienen 12, 18 y 15 solicitudes en el mismo mes. Propón un gráfico comparable y una alternativa accesible, sin implementar ni inferir tendencias.
Propuesta ilustrativa: barras con una escala común desde cero, etiquetas de categoría y valor, título con periodo y unidad, y tabla con los tres valores. El color es secundario. Con un único mes no se concluye una tendencia ni se atribuyen causas a la diferencia.
Ejemplo editorial hipotético y abreviado; no es una salida ejecutada ni un resultado observado. Este ejemplo no es una salida observada de una prueba del recurso.
La fuente, a la vista
- Recurso original
- Data Visualization Engineer
- Autor
- Contribuidores de msitarzewski/agency-agents · Copyright (c) 2025 AgentLand Contributors
- Versión o revisión
- 4e3ac3ca6604c75113f52c695dbddcc7af928b46
- Licencia
- MIT
Licencia MIT raíz leída íntegra. Se conserva el perfil completo y el aviso Copyright (c) 2025 AgentLand Contributors, con licencia, procedencia y nota editorial separadas. El paquete no incluye servicios, modelos ni bibliotecas mencionadas.
Ver fuente original