Using color

Using color

From Business Intelligence

Jump to: navigation, search

[edit] About

Color should be used to differentiate and encode elements of a visualization such as labels and measures, and especially to highlight important data. It should be used sparingly and carefully.

It is best to use different shades of the same color rather than many different colors to distinguish graphic elements. Bright colors draw attention away from the data itself. More than one bright color is garish and can cause "vibrating" at the edges, making the graphic difficult to look at. Color may also present problems for color-blind people, who represent 10% of the population. This is especially true for hierarchical or multivariate data - a "rainbow" (ROYBGIV) does not afford an obvious hierarchy, while varying shades of the same color do.

The examples above demonstrate this. Although the one on the left uses traffic light colors to convey what the targets are, it is difficult to look at (especially in a dashboard with dozens of these on one screen) and not accommodating of color-blind people. The second example shows clearly that the same information is gained by using just shades of gray with different saturation values. Perceptual Edge


These examples show a redesign of a black-and-white marshalling chart. The original chart had heavy grid lines that made the white space in between "vibrate", and and had too many visual similarities between body, lights and typography to easily interpret at a glance. Muting of the grid, careful addition of a few strong colors, and elimination of redundant "motion" lines around the signals greatly improves clarity of this visualization.

[edit] Relevant Visualizations

[edit] Resources

  • {{
 #if: 

|Template:Citation/patent

|{{

 #if:
 |{{
    #if: 
    |[[ |{{
       #if: 
       |, 
     }}]]
    |{{
       #if: 
       |, 
     }}
  }}{{
    #if: 
    |{{
       #if: 
       |; 
       | & 
     }}{{
       #if: 
       |[[ |{{
          #if: 
          |, 
        }}]]
       |{{
          #if: 
          |, 
        }}
     }}{{
       #if: 
       |{{
          #if: 
          |; 
          | & 
        }}{{
          #if: 
          |[[ |{{
             #if: 
             |, 
           }}]]
          |{{
             #if: 
             |, 
           }}
        }}{{
          #if:
          |{{
             #if: 
             |; 
             | & 
           }}{{
             #if: 
             |[[ |{{
                #if: 
                |, 
              }}]]
             |{{
                #if: 
                |, 
              }}
           }}{{
             #if:
             |{{
                #if: 
                |; 
                | & 
              }}{{
                #if: 
                |[[ |{{
                   #if: 
                   |, 
                 }}]]
                |{{
                   #if: 
                   |, 
                 }}
              }}{{
                #if:
                |{{
                   #if: 
                   |; 
                   | & 
                 }}{{
                   #if: 
                   |[[ |{{
                      #if: 
                      |, 
                    }}]]
                   |{{
                      #if: 
                      |, 
                    }}
                 }}{{
                   #if:
                   |{{
                      #if: 
                      |; 
                      | & 
                    }}{{
                      #if: 
                      |[[ |{{
                         #if: 
                         |, 
                       }}]]
                      |{{
                         #if: 
                         |, 
                       }}
                    }}{{
                      #if:
                      |{{
                         #if: 
                         |; 
                         | & 
                       }}{{
                         #if: 
                         |[[ |{{
                            #if: 
                            |, 
                          }}]]
                         |{{
                            #if: 
                            |, 
                          }}
                       }}{{
                         #if:
                         |;  et al.
                       }}
                    }}
                 }}
              }}
           }}
        }}
     }}
  }}{{
    #if: 
    | ()
  }}
 |{{
    #if: 
    |{{
       #if: 
       |[[ |{{
          #if: 
          |, 
        }}]]
       |{{
          #if: 
          |, 
        }}
     }}{{
       #if: 
       |{{
          #if: 
          |; 
          | & 
        }}{{
          #if: 
          |[[ |{{
             #if: 
             |, 
           }}]]
          |{{
             #if: 
             |, 
           }}
        }}{{
          #if: 
          | & {{
             #if: 
             |[[ |{{
                #if: 
                |, 
              }}]]
             |{{
                #if: 
                |, 
              }}
           }}{{
             #if:
             | et al.
           }}
        }}
     }}, ed{{#if:|s}}.{{
       #if: 
       | ()
     }}
  }}

}}{{

 #if: 
 |{{
    #if: 
    |,  
  }}{{#if: {{
          #if: 
          |
          |{{
             #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
             |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
             |{{
                #if: 
                |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
              }}
           }} 
        }} 
 | [{{
          #if: 
          |
          |{{
             #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
             |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
             |{{
                #if: 
                |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
              }}
           }} 
        }} {{
          #if: 
          |'
          |“”
        }}] 
 | {{
          #if: 
          |'
          |“”
        }} 

}} }}{{

 #if: 
 |

}}{{

 #if: 
 |{{
    #if: 
    |, {{
       #if: 
       |in 
     }}{{
       #if: 
       |[[ |{{
          #if: 
          |, 
        }}]]
       |{{
          #if: 
          |, 
        }}
     }}{{
       #if: 
       |{{
          #if: 
          |; 
          | & 
        }}{{
          #if: 
          |[[ |{{
             #if: 
             |, 
           }}]]
          |{{
             #if: 
             |, 
           }}
        }}{{
          #if: 
          | & {{
             #if: 
             |[[ |{{
                #if: 
                |, 
              }}]]
             |{{
                #if: 
                |, 
              }}
           }}{{
             #if:
             | et al.
           }}
        }}
     }}{{
       #if: 
       |
       |, ed{{#if:|s}}.
     }}
  }}

}}{{

 #if: 
 |{{
    #if: 
    |, 
  }}{{
    #if: Graphics and web design based on Tufte's principles
    |“{{#if: {{
             #if: 
             |{{
                #if: 
                |{{
                   #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                   |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                   |{{
                      #if: 
                      |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                    }}
                 }}
              }}
             |{{
                #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                |{{
                   #if: 
                   |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                 }}
              }}
           }} 
 | [{{
             #if: 
             |{{
                #if: 
                |{{
                   #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                   |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                   |{{
                      #if: 
                      |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                    }}
                 }}
              }}
             |{{
                #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                |{{
                   #if: 
                   |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                 }}
              }}
           }} Graphics and web design based on Tufte's principles] 
 | Graphics and web design based on Tufte's principles 

}}”,

  }}'{{
    #if: 
    |, 
  }}{{
    #if: 
    |{{
       #if: University of Washington
       | (: University of Washington)
       | ()
     }}
    |{{
       #if: University of Washington
       | (University of Washington)
     }}
  }}{{
    #if: 
    | '{{
       #if: 
       | ()
     }}
    |{{
       #if: 
       | (no. )
     }}
  }}{{
    #if: {{
         #if: 
         |
         |{{
            #if: 
            |p. {{{page}}}
            |{{
               #if: 
               |pp. {{{pages}}}
               |
             }}
          }}
       }}
    |:  {{
         #if: 
         |
         |{{
            #if: 
            |p. {{{page}}}
            |{{
               #if: 
               |pp. {{{pages}}}
               |
             }}
          }}
       }}
  }}
 |{{
    #if: Graphics and web design based on Tufte's principles
    |{{
       #if: 
       |, 
     }}{{#if: {{
             #if: 
             |{{
                #if: 
                |{{
                   #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                   |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                   |{{
                      #if: 
                      |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                    }}
                 }}
              }}
             |{{
                #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                |{{
                   #if: 
                   |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                 }}
              }}
           }} 
 | [{{
             #if: 
             |{{
                #if: 
                |{{
                   #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                   |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                   |{{
                      #if: 
                      |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                    }}
                 }}
              }}
             |{{
                #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                |{{
                   #if: 
                   |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                 }}
              }}
           }} Graphics and web design based on Tufte's principles] 
 | Graphics and web design based on Tufte's principles 

}}{{

       #if: 
       |, vol. 
     }}{{
       #if: 
       | ( ed.)
     }}{{
       #if: 
       |, 
     }}{{
       #if: 
       |, 
     }}{{
       #if: University of Washington
       |{{
          #if: 
          |:
          |,
        }} University of Washington
     }}
  }}

}}{{

 #if: 
 |
 |{{
    #if: 
    |, 
  }}

}}{{

 #if: 
 |

}}{{

 #if: 
 |
 |{{
    #if: {{
         #if: 
         |
         |{{
            #if: 
            |p. {{{page}}}
            |{{
               #if: 
               |pp. {{{pages}}}
               |
             }}
          }}
       }}
    |, {{
         #if: 
         |
         |{{
            #if: 
            |p. {{{page}}}
            |{{
               #if: 
               |pp. {{{pages}}}
               |
             }}
          }}
       }}
  }}

}}{{

 #if: 
 |, 

}}{{

 #if: 
 |, ISBN 

}}{{

 #if: 
 |, ISSN [1]

}}{{

 #if: 
 |, OCLC [2]

}}{{

 #if:  
 |, PMID  

}}{{

 #if: 
 |{{
    #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
    |, doi:[3]
    |, DOI 
  }}

}}{{

 #if: http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
 |{{
    #if: Graphics and web design based on Tufte's principles
    |, <{{
                                     #if: 
                                     |
                                     |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
                                   }}>
    |, <{{
             #if: 
             |
             |http://www.washington.edu/computing/training/560/zz-tufte.html#Colors
           }}>
  }}{{
    #if: 06-08-2008
    | . Retrieved on 6 August 2008
  }}

}}  }}

  • {{
 #if: 

|Template:Citation/patent

|{{

 #if:Edward R. Tufte
 |{{
    #if: 
    |[[ |Edward R. Tufte{{
       #if: 
       |, 
     }}]]
    |Edward R. Tufte{{
       #if: 
       |, 
     }}
  }}{{
    #if: 
    |{{
       #if: 
       |; 
       | & 
     }}{{
       #if: 
       |[[ |{{
          #if: 
          |, 
        }}]]
       |{{
          #if: 
          |, 
        }}
     }}{{
       #if: 
       |{{
          #if: 
          |; 
          | & 
        }}{{
          #if: 
          |[[ |{{
             #if: 
             |, 
           }}]]
          |{{
             #if: 
             |, 
           }}
        }}{{
          #if:
          |{{
             #if: 
             |; 
             | & 
           }}{{
             #if: 
             |[[ |{{
                #if: 
                |, 
              }}]]
             |{{
                #if: 
                |, 
              }}
           }}{{
             #if:
             |{{
                #if: 
                |; 
                | & 
              }}{{
                #if: 
                |[[ |{{
                   #if: 
                   |, 
                 }}]]
                |{{
                   #if: 
                   |, 
                 }}
              }}{{
                #if:
                |{{
                   #if: 
                   |; 
                   | & 
                 }}{{
                   #if: 
                   |[[ |{{
                      #if: 
                      |, 
                    }}]]
                   |{{
                      #if: 
                      |, 
                    }}
                 }}{{
                   #if:
                   |{{
                      #if: 
                      |; 
                      | & 
                    }}{{
                      #if: 
                      |[[ |{{
                         #if: 
                         |, 
                       }}]]
                      |{{
                         #if: 
                         |, 
                       }}
                    }}{{
                      #if:
                      |{{
                         #if: 
                         |; 
                         | & 
                       }}{{
                         #if: 
                         |[[ |{{
                            #if: 
                            |, 
                          }}]]
                         |{{
                            #if: 
                            |, 
                          }}
                       }}{{
                         #if:
                         |;  et al.
                       }}
                    }}
                 }}
              }}
           }}
        }}
     }}
  }}{{
    #if: 2001
    | (2001)
  }}
 |{{
    #if: 
    |{{
       #if: 
       |[[ |{{
          #if: 
          |, 
        }}]]
       |{{
          #if: 
          |, 
        }}
     }}{{
       #if: 
       |{{
          #if: 
          |; 
          | & 
        }}{{
          #if: 
          |[[ |{{
             #if: 
             |, 
           }}]]
          |{{
             #if: 
             |, 
           }}
        }}{{
          #if: 
          | & {{
             #if: 
             |[[ |{{
                #if: 
                |, 
              }}]]
             |{{
                #if: 
                |, 
              }}
           }}{{
             #if:
             | et al.
           }}
        }}
     }}, ed{{#if:|s}}.{{
       #if: 2001
       | (2001)
     }}
  }}

}}{{

 #if: 
 |{{
    #if:Edward R. Tufte 
    |,  
  }}{{#if: {{
          #if: 
          |
          |{{
             #if: 
             |
             |{{
                #if: 
                |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
              }}
           }} 
        }} 
 | [{{
          #if: 
          |
          |{{
             #if: 
             |
             |{{
                #if: 
                |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
              }}
           }} 
        }} {{
          #if: 
          |'
          |“”
        }}] 
 | {{
          #if: 
          |'
          |“”
        }} 

}} }}{{

 #if: 
 |

}}{{

 #if: 
 |{{
    #if: Edward R. Tufte
    |, {{
       #if: 
       |in 
     }}{{
       #if: 
       |[[ |{{
          #if: 
          |, 
        }}]]
       |{{
          #if: 
          |, 
        }}
     }}{{
       #if: 
       |{{
          #if: 
          |; 
          | & 
        }}{{
          #if: 
          |[[ |{{
             #if: 
             |, 
           }}]]
          |{{
             #if: 
             |, 
           }}
        }}{{
          #if: 
          | & {{
             #if: 
             |[[ |{{
                #if: 
                |, 
              }}]]
             |{{
                #if: 
                |, 
              }}
           }}{{
             #if:
             | et al.
           }}
        }}
     }}{{
       #if: 
       |
       |, ed{{#if:|s}}.
     }}
  }}

}}{{

 #if: 
 |{{
    #if: Edward R. Tufte
    |, 
  }}{{
    #if: The Visual Display of Quantitative Information
    |“{{#if: {{
             #if: 
             |{{
                #if: 
                |{{
                   #if: 
                   |
                   |{{
                      #if: 
                      |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                    }}
                 }}
              }}
             |{{
                #if: 
                |
                |{{
                   #if: 
                   |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                 }}
              }}
           }} 
 | [{{
             #if: 
             |{{
                #if: 
                |{{
                   #if: 
                   |
                   |{{
                      #if: 
                      |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                    }}
                 }}
              }}
             |{{
                #if: 
                |
                |{{
                   #if: 
                   |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                 }}
              }}
           }} The Visual Display of Quantitative Information] 
 | The Visual Display of Quantitative Information 

}}”,

  }}'{{
    #if: 
    |, 
  }}{{
    #if: 
    |{{
       #if: Graphics Press
       | (: Graphics Press)
       | ()
     }}
    |{{
       #if: Graphics Press
       | (Graphics Press)
     }}
  }}{{
    #if: 
    | '{{
       #if: 
       | ()
     }}
    |{{
       #if: 
       | (no. )
     }}
  }}{{
    #if: {{
         #if: 
         |
         |{{
            #if: 
            |p. {{{page}}}
            |{{
               #if: 
               |pp. {{{pages}}}
               |
             }}
          }}
       }}
    |:  {{
         #if: 
         |
         |{{
            #if: 
            |p. {{{page}}}
            |{{
               #if: 
               |pp. {{{pages}}}
               |
             }}
          }}
       }}
  }}
 |{{
    #if: The Visual Display of Quantitative Information
    |{{
       #if: Edward R. Tufte
       |, 
     }}{{#if: {{
             #if: 
             |{{
                #if: 
                |{{
                   #if: 
                   |
                   |{{
                      #if: 
                      |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                    }}
                 }}
              }}
             |{{
                #if: 
                |
                |{{
                   #if: 
                   |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                 }}
              }}
           }} 
 | [{{
             #if: 
             |{{
                #if: 
                |{{
                   #if: 
                   |
                   |{{
                      #if: 
                      |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                    }}
                 }}
              }}
             |{{
                #if: 
                |
                |{{
                   #if: 
                   |http://dx.doi.org/
                 |{{ 
                   #if:  
                   | http://www.ncbi.nlm.nih.gov/pubmed/ 
                  }} 
                 }}
              }}
           }} The Visual Display of Quantitative Information] 
 | The Visual Display of Quantitative Information 

}}{{

       #if: 
       |, vol. 
     }}{{
       #if: 
       | ( ed.)
     }}{{
       #if: 
       |, 
     }}{{
       #if: 
       |, 
     }}{{
       #if: Graphics Press
       |{{
          #if: 
          |:
          |,
        }} Graphics Press
     }}
  }}

}}{{

 #if: Edward R. Tufte
 |
 |{{
    #if: 2001
    |, 2001
  }}

}}{{

 #if: 
 |{{
       #if: 
       |{{
          #if: Edward R. Tufte
          |, 
          | (published )
        }}
       |{{
          #if: 
          |, 
          | (published )
        }}
     }}

}}{{

 #if: 
 |
 |{{
    #if: {{
         #if: 
         |
         |{{
            #if: 
            |p. {{{page}}}
            |{{
               #if: 
               |pp. {{{pages}}}
               |
             }}
          }}
       }}
    |, {{
         #if: 
         |
         |{{
            #if: 
            |p. {{{page}}}
            |{{
               #if: 
               |pp. {{{pages}}}
               |
             }}
          }}
       }}
  }}

}}{{

 #if: 
 |, 

}}{{

 #if: 
 |, ISBN 

}}{{

 #if: 
 |, ISSN [4]

}}{{

 #if: 
 |, OCLC [5]

}}{{

 #if:  
 |, PMID  

}}{{

 #if: 
 |{{
    #if: 
    |, doi:[6]
    |, DOI 
  }}

}}{{

 #if: 
 |{{
    #if: The Visual Display of Quantitative Information
    |, <{{
                                     #if: 
                                     |
                                     |
                                   }}>
    |, <{{
             #if: 
             |
             |
           }}>
  }}{{
    #if: 
    | . Retrieved on 29 August 2016
  }}

}}  }}