Customizing Visual Colors

The type of color customization available for each visual in Arcadia Instant depends on the visual type. To see what options map to specific visual types, see the Visual Settings matrix.

For example,

To get to the options in the Colors menu, follow these steps:

  1. On the right side of Visual Designer, click the Colors menu.

    Colors menu of Visual Designer
  2. In the Colors settings of Arcadia Instant, perform any of the following tasks:

Reverse Color Palette

To reverse the color palette in your visualization, navigate to the Colors settings, and select Reverse order of colors palettes.

Note that the colors in the visual flip; the legend is a good indicator of this.

The color reverse effect is particularly noticeable on monochromatic and dichromatic color palettes, which typically use a gradient legend.

Change Color Palette

To choose a different color palette for your visualization, navigate to the Colors settings, and click on a different color palette in the Colors catalog.

Note that the colors in the visual change; the legend is a good indicator of this.

changing color palette in bar visual

For gauge visuals, this change affects the representation of qualitative ranges.

changing color palette in guage visual

Enabling Color

To enable or disable the color option for your visual, such as cross-tabulation, navigate to the Colors settings, and check Enable Colors catalog.

Compare the 'enabled-color' cross-tabulation visual (default behavior) with the appearance of the 'disabled color' visual.

Changing the Foreground Color

Applies to Gauge and Bullet visuals.

To choose a different color for the value on the Measurement shelf, navigate to the Colors settings, and make changes in the Foreground Color selector. You can select one of the palette colors, or specify a custom color.

changing foreground color

Note how the change in foreground color changes the gauge visual; the main measurement that this option affects is on the inner arc.

changing foreground color on gauge visuals

Note how the change in foreground color changes the bullet visual; the main measurement is the narrow central bar.

changing foreground color on bullet visuals

Changing the Pointer Color

Applies to Gauge visuals.

To choose a different color for the pointer on the dial of gauge visuals, navigate to the Colors settings, and make changes in the Pointer Color selector. You can select one of the palette colors, or specify a custom color.

changing pointer color

Note how the change in pointer color changes the appearance of the visual.

changing pointer color on gauge visuals

Changing the Background Color

Applies to Gauge and Bullet visuals.

To choose a different color for the background of gauge or bullet visuals, navigate to the Colors settings, and make changes in the Background Color selector. You can select one of the palette colors, or specify a custom color.

changing foreground color

Note how the change in background color changes the gauge visual; this option affects the inner arc, at the at the maximum end. It does not change the appearance of qualitative ranges. To do that, change the color palette.

changing background color on gauge visuals

Note how the change in background color changes the bullet visual: in this visual, it controls the appearance of the qualitative ranges.

changing background color on bullet visuals

Changing Color Opacity

To choose a different opacity (color saturation) for your visual, navigate to the Colors settings, and make changes to the Color Opacity selector.

The default value is 80 %. Click the - sign to make the colors more transparent by decreasing color opacity by 10% with each click. To increase color saturation, click the + sign to increase color opacity by 10%. Edit the number in the center of the selector to get a custom value. Valid values range from 1% for the palest through 100% for the brightest colors. A value of 0 generates a visual with full saturation.

Changing Projection Opacity

Applies to Gauge and Bullet visuals.

To choose a different opacity (color saturation) for the projection indicator of your visual, navigate to the Colors settings, and make changes to the Projection Opacity selector.

adjusting projection opacity

For example, examine the differences in the appearance of the projection for the bullet visual

adjusting projection opacity in bullet visuals
Changes in Projection Opacity of a Bullet Visual

Remember that the projection appears on the inner arc of a gauge visual.

adjusting projection opacity in gauge visuals
Changes in Projection Opacity of a Gauge Visual

Changing Background Opacity

Applies to Gauge visuals.

To choose a different opacity (color saturation) for the background of the measurement arc in gauge visuals, navigate to the Colors settings, and make changes to the Background Opacity selector. The default value is 20.

adjusting background opacity

For example, examine the differences here in the appearance of the background for the gauge visual. Note also that because the projection color is semi-transparent, a 'stronger' background also changes the appearance of the projection color.

adjusting background opacity in gauge visuals
Changes in Projection Opacity of a Gauge Visual

Making Colors Consistent on Dimension Values

This feature applies to Bar visuals, Line visuals, Area visuals, Combined Bar/Line visuals, and Pie visuals.

In apps where several visuals include same dimension values, it is helpful if these values are colored identically. It also removes the need for multiple legends on the same app.

For this feature to work properly, you must ensure that the target visuals use the same color palette.

In the following example, we show how to standardize colors for a US State Population app that uses a bar visual and a trellised line visual.

To ensure that the colors are consistent across the visuals when they appear in the same dashboard, navigate to the Colors settings, and select the optionBase colors on dimension values. You must do this for each visual in the dashboard.

Compare the color values for the two visual in the top graph. It can be easily seen that the legends for the visuals don't match. However, they are identical in the bottom dashboard, where we enabled the color consistency feature.

Enabling Same Color on Dimension Values in a Dashboard

Assigning Color to Dimension Values

This feature applies to all visual types that use the Colors shelf: Bar visuals, Line visuals, Area visuals, Combined Bar/Line visuals, Interactive map visuals, Radial visuals, and Pie visuals.

Mapping colors to a specific dimension's values enables you to choose and modify a meaningful representation of values, such as 'green | red | amber' for 'success | failure | soft-fail'.

To adjust the colors, navigate to the Colors settings, and select the optionFix colors for specified values.

In the colors that appear for each value, make changes. For example, in a grouped bar visual that shows values for Female and Male segments, we can adjust colors in the following manner:

  1. Below the selected option Fix colors for specified values, click on the color you want to change. Let's change the color for Females.

    choose color to change
  2. In the expanded palette, select the new color. Here, we are changing the color for Females from dark turquoise to mauve.

    select new color
  3. Similarly, change the color for Males from light turquoise to dark turquoise.
  4. This is how the color indicators appear after your make the changes:

    new colors assigned to values

After refreshing the visual, notice the change to its appearance:

visual colors changed

You can ensure that these colors are used consistently across all visuals within a dashboard by combing this feature with Base colors on dimension values, described in Making Colors Consistent on Dimension Values.

If the color you want to use is not in any of the palettes available to you, you can define it through the Custom Colors interface.