Colores de visualización de datos
Skip to main content
Careers Contact us

Colores de visualización de datos

Visualización de datos

El color es una excelente forma de enfocar la atención y distinguir elementos. Estas paletas de colores se crearon para mejorar la accesibilidad, proporcionar coherencia y asegurar que las visualizaciones de datos estén alineadas con la marca de TxDOT. Los creadores de visualizaciones de datos son responsables de garantizar que se cumplan las directrices aplicables de accesibilidad y de marca.

Mejores prácticas

  • Utiliza suficiente contraste de color entre texto y fondo.
    • Contraste de color 4.5:1 entre texto y colores de fondo
    • Contraste 3:1 entre elementos gráficos, fondo o colores adyacentes.
  • No te fíes solo del color para transmitir significado.
    • Ejemplo: Usa iconos o etiquetas además de los colores.
  • Evita combinaciones de colores problemáticas
    • Ejemplo: Rojo/verde o azul/morado son difíciles para algunos usuarios diferenciar entre colores.

Añadir colores en Tableau

Sigue los pasos siguientes para añadir cualquiera de las paletas de colores (abajo) en la aplicación de escritorio de Tableau.

  1. En tu ordenador, ve a C:\Users\[Tu nombre de usuario]\Documentos\Mi Repositorio de Tableau
  2. Deberías ver un archivo llamado Preferences.tps. Si nunca has modificado este archivo antes, puedes actualizarlo con el contenido que aparece a continuación o reemplazarlo. (Los empleados pueden descargar el archivo de preferencias desde la intranet de TxDOT). Contiene el código de las paletas de colores de TxDOT. Luego, cuando abras (o vuelvas a abrir) Tableau, aparecerán las paletas de colores.
  3. Si ya tienes código personalizado en tu archivo Preferences.tps que no quieres sobrescribir, sigue los pasos a continuación:
    1. Abre Preferences.tps con el bloc de notas.
    2. Pega el siguiente código en el archivo, entre <libro de trabajo><preferencias> y </preferencias></cuaderno de trabajo>.

Recursos de visualización de datos

Está prohibido el uso de colores de visualización de datos en otros medios. Las visualizaciones de datos creadas en aplicaciones distintas a Tableau deben seguir las directrices de color de marca de TxDOT.

Paleta de colores categórica

Estos colores comunican diferencias en los datos categóricos.

<color-palette name="TxDOT Categorical-1" type="regular">
<color>#0658a8</color>
<color>#c5bbaa</color>
<color>#df5d26</color>
<color>#8cc040</color>
<color>#5f0f40</color>
<color>#a3a19b</color>
<color>#1a6634</color>
<color>#884b70</color>
<color>#c7e0a0</color>
<color>#323f48</color>
<color>#89acd4</color>
<color>#efae93</color>
<color>#57668d</color>
<color>#cdd0d1</color>
<color>#8cb49b</color>
<color>#b187a0</color>
</paleta de colores>

Paleta de colores divergente 1

Estos colores resaltan las variaciones en los valores de los datos, enfatizando el punto medio y mostrando cómo los valores divergen de él.

<nombre-paleta-color="TxDOT Diverging-1" type="ordered-diverging">
<color>#0658a8</color>
<color>#6e80b4</color>
<color>#abaac0</color>
<color>#e2d8c9</color>
<color>#efae93</color>
<color>#e8845c</color>
<color>#e05d26</color>
</paleta de colores>

Paleta de colores divergente 2

Estos colores resaltan las variaciones en los valores de los datos, enfatizando el punto medio y mostrando cómo los valores divergen de él.

<nombre-paleta de colores="TxDOT Diverging-2" tipo="ordenado-divergente">
<color>#0658a8</color>
<color>#6e80b4</color>
<color>#abaac0</color>
<color>#e2d8c9</color>
<color>#b79499</color>
<color>#8c556b</color>
<color>#5f0f40</color>
</paleta de colores>

Azul secuencial

Estos colores representan una progresión de valores de datos, que van de bajo a alto, para ilustrar la intensidad o magnitud de los datos.

<nombre-paleta de colores="TxDOT Sequential-Blue" tipo="ordenado-secuencial">
<color>#0658a8</color>
<color>#2a68b1</color>
<color>#417ab9</color>
<color>#598ac1</color>
<color>#719bcb</color>
<color>#89acd4</color>
<color>#a0bcdb</color>
<color>#b8cde4</color>
</paleta de colores>

Púrpura secuencial

Estos colores representan una progresión de valores de datos, que van de bajo a alto, para ilustrar la intensidad o magnitud de los datos.

<nombre-paleta de colores="TxDOT Sequential-Purple" type="ordered-sequential">
<color>#5f0f40</color>
<color>#702754</color>
<color>#7f3f66</color>
<color>#8f577a</color>
<color>#9f6f8c</color>
<color>#b187a0</color>
<color>#bfa0b3</color>
<color>#ceb7c6</color>
</paleta de colores>