Escalas de colores para visualización de datos en Leonardo

May 10 2022
La creación de escalas de colores personalizadas para la visualización de datos a veces puede ser una carga. Con Leonardocolor.

La creación de escalas de colores personalizadas para la visualización de datos a veces puede ser una carga. Con Leonardocolor.io , se volvió mucho más fácil.

Cuando visite Leonardo por primera vez, elija la opción para crear escalas de colores para la visualización de datos . Puede obtener más información sobre el espacio de trabajo del tema de color adaptativo aquí.

Accederá a un espacio de trabajo que se divide en tres secciones, correspondientes a los tres tipos de escalas de color utilizadas para la visualización de datos: Secuencial , Divergente y Cualitativo (también conocido como “categórico”).

Secuencial

Esta vista es para crear una escala de color secuencial de uno o varios tonos. Se requiere un mínimo de dos colores clave para crear una escala, sin embargo, se pueden agregar más colores para refinar cómo cambia el tono y la saturación a lo largo de la escala. Los colores clave se distribuyen automáticamente según la claridad a lo largo de su escala para garantizar una progresión lineal de oscuro a claro.

divergente

Esta vista es para crear una escala de color divergente. Esta vista es similar a la secuencial, excepto que está dividida por una escala de color inicial, un color medio y una escala de color final.

Interpolación de escala secuencial y divergente

Las escalas secuenciales y divergentes se pueden interpolar en una variedad de espacios de color, incluidos LAB, LCH, HSLuv, CAM02, OKLAB y OKLCH. La interpolación de diferentes espacios de color afecta la apariencia de su escala. No hay bien o mal aquí; elija la opción que proporcione la mejor apariencia para lo que está tratando de lograr.

Una opción para suavizar está disponible cuando tiene más de dos colores clave. Esto aplica una curva a la ruta de interpolación y, a veces, puede mejorar la apariencia de su escala, como eliminar cambios bruscos en el tono o la saturación.

Cualitativo

Esta vista es para crear una paleta de colores segura para la deficiencia de visión del color (CVD) para visualizaciones de datos cualitativos (también conocidos como categóricos). La escala de colores se basa en una lista de colores de origen para elegir, y los colores de muestra están disponibles de forma predeterminada. Esto es especialmente beneficioso si está trabajando con un sistema de diseño o una paleta de colores preexistente. Leonardo generará automáticamente combinaciones aleatorias que son seguras para CVD para que usted las seleccione.

El panel de configuración tiene restricciones para la diferencia de color (DeltaE) y el cumplimiento de WCAG (3:1/4.5:1) bajo su control. La alteración de la diferencia de color asegurará que Leonardo le muestre colores que son visualmente más diferentes entre sí. El interruptor compatible con WCAG solo mostrará colores que cumplan con WCAG 1.4.11 . El nivel de cumplimiento (AA o AAA) y el color de fondo se pueden seleccionar en el encabezado.

También puede seleccionar qué deficiencias de visión de color admitir: Protan, Tritan, Deutan y Acromatopsia.

colores simulados

Aunque los colores se analizan cuantificablemente como "seguros" en función de sus limitaciones, Leonardo también proporciona simulaciones de color. Los colores simulados se reordenan en función de la similitud visual, para que pueda comparar y contrastar posibles conflictos más fácilmente. Se muestra una pequeña muestra de compensación debajo de cada simulación para mostrar el valor de color no simulado. Esto proporciona contexto para identificar qué valores de color son similares entre sí para cada deficiencia de la visión del color.

Características clave:

  • Deslizador de sensibilidad de umbral Delta-E 2000
  • Restringir a solo colores que cumplan con los criterios de contraste
  • Seleccionar tipos de CVD para admitir
  • Rueda de colores para la visualización de la armonía de la paleta.
  • Genera combinaciones de colores seguras para CVD
  • Simulaciones ordenadas por similitud para evaluación cualitativa

Los espacios de trabajo secuenciales, divergentes y cualitativos tienen algunas características básicas comunes para ayudarlo en su flujo de trabajo.

visualizaciones contextuales

A medida que modifica su escala de colores, las visualizaciones se actualizan para brindar una vista previa de cómo aparecerían los colores en las visualizaciones de datos.

Gráficos para analizar el color

Para usuarios avanzados, Leonardo ofrece gráficos de las propiedades de la escala de colores en una variedad de espacios de color. Esto es útil para evaluar el equilibrio o la tasa de cambio en el matiz y la saturación.

Modelo 3d de escalas de color.

Las escalas secuenciales y divergentes incluyen un modelo 3D interactivo de su escala de color. Estos se pueden mostrar en cualquier espacio de color admitido y son útiles para evaluar la tasa de cambio en el tono y la saturación en espacios de color perceptivamente uniformes.

Auditoría de accesibilidad

Las escalas secuenciales y divergentes tienen información adicional sobre el análisis comparativo de colores en relación con la accesibilidad. Los colores de inicio, medio o final se evalúan entre sí y contra el fondo para el contraste y la diferencia de color.

Configuraciones de salida

Las escalas secuenciales y divergentes se pueden "agrupar" en función de la cantidad de colores que desee de la escala. Las opciones de formato están disponibles para los formatos de nivel 4 del módulo de color CSS , y hay una opción disponible para envolver los códigos de color entre comillas si lo necesita. Estos colores se previsualizan y se muestran a continuación.

Consejo profesional: cuando utilice bibliotecas de visualización de datos, cree un interpolador personalizado con su escala única al proporcionar una gran lista de valores de color. Grandes cantidades de valores de color garantizarán que la biblioteca de visualización replique con precisión los colores en su escala, incluso cuando se interpola en otros espacios de color.

Exportación de colores

Los colores se pueden descargar como un archivo XML con formato previo para usar en Tableau, o puede descargar un archivo SVG con rectángulos de sus colores especificados. El archivo SVG se puede copiar y pegar directamente en Xd para usarlo en el diseño. Las escalas secuenciales y divergentes también ofrecen una opción para descargar el gradiente SVG de su escala de color. Este degradado es un degradado de alta fidelidad para que pueda utilizarlo con precisión en otras partes del diseño.

Pensamientos finales

Leonardo es una herramienta de código abierto de Adobe . Si encuentra problemas o desea mejorar cualquier aspecto de Leonardo, puede enviar un problema, o mejor aún, ¡puede enviar una solicitud de extracción! Continuamente buscamos formas de mejorar Leonardo y nos encantaría saber de usted.

© Copyright 2021 - 2022 | unogogo.com | All Rights Reserved