Skip to main content
Business LibreTexts

5.3: Placement, Style, and Coloring

  • Page ID
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    Learning Outcome

    • Describe the impact of placement, style, and coloring when incorporating graphics into a message

    Once you’ve decided what graph or chart to use, we need to make sure it fits with our visual media usage standards.  It needs to make your message more accessible by being:

    • Clean and simple
    • Uniform
    • Persuasive
    • On brand

    Let’s build a pie chart and apply each of these standards to it as we go along.

    Say you want to give a quarter bonus to the best member of each department, and you have settled on giving a $50 gift card for a movie theater. You have surveyed the company to determine which local cinemas are used by your employees to see movies. You have decided to make a pie chart from the results, because you’re looking to show the composition of your employees and their movie-going preferences.

    At the moment, your pie chart looks like this:

    A pie chart showing which employees attend which theaters. There are 26 different theaters, and each is individually labelled. The chart is very busy and difficult to interpret.
    Figure 1. Which employees attend which theaters?

    Figure 1 is definitely not clean and simple. There is so much to look at here that it’s hard to see anything. No one will find this useful. In fact, a rule of thumb for pie charts is that if you have more than ten categories, you should present the information differently. (There’s something called an exploding pie chart if you want to check that out.)

    So how do we simplify the data? To begin with, we need to narrow down the categories. In this case, you could display theaters by company, rather than location, since all theaters of the same company will take the same gift card. Let’s take a look at how the revised chart would look in Figure 2:

    A simplified version of the pie chart showing which employees attend which theaters. 47.1% attend AAA Complexes, 22.9% attend BBB Complexes, 9.1% attend CCC Complexes, and 20.8% attend Other.
    Figure 2. Which employees attend which theaters (by company)?

    Now we’re getting somewhere! This is a much easier chart to read. We can see at a glance that nearly half of our employees go to a movie theater owned by AAA, and smaller portions see films at the BBB and CCC theaters. This information has become way more accessible for the reader.

    We’ve also chosen some bold, pleasing colors here. We can clearly tell what part of the pie belongs to BBB and what part belongs to the others. This is clean and simple!

    Once we’ve achieved that, we must make it uniform. Do the rest of your charts, tables and graphs use the same bold, pleasing colors we use here? Have we chosen the same font size for our chart key? If the answer is yes, we can move on. We know that we are sharing information without distracting the reader.

    Now we ask ourselves, is this data persuasive? Well, that depends on the story you’re looking to tell. In this case, your best option is to purchase gift cards for AAA theaters because that is what your data is telling, since most of your employees enjoy seeing movies there. So let’s give this a title:

    The simplified version of the pie chart with a title that reads "Employee's Favorite Movie Theaters". 47.1% attend AAA Complexes, 22.9% attend BBB Complexes, 9.1% attend CCC Complexes, and 20.8% attend Other.
    Figure 3: Your completed pie chart

    Figure 3 a bit more persuasive. This immediately tells the reader “AAA Complexes are our employees’ favorite movie theater.”

    Now, is your chart on brand? If your company’s palette of colors includes blue, red, yellow and green, then yes! We are on brand. If your company uses different colors, go ahead and change them. A lot of companies have very specific color requirements, even for internal projects, so be sure to look out for your company’s style requirements! For this project, it’s as easy as that.

    You’ve made the point of this communication very easy and accessible by making these changes and following our standards of visual media communication!

    CC licensed content, Original
    • Placement, Style, and Coloring. Authored by: Freedom Learning Group. Provided by: Lumen Learning. License: CC BY: Attribution

    This page titled 5.3: Placement, Style, and Coloring is shared under a CC BY 4.0 license and was authored, remixed, and/or curated by Lumen Learning.

    • Was this article helpful?