Style polygon layers

In Layer style Layer style, you can create custom visualizations in your scenes by applying smart mapping styles to your layers. With polygon feature layers, you can choose styles that use attributes to apply continuous colors or individual colors, or styles that apply a single color to all the polygons.

2D Polygon

Use the 2D Polygon style when you want to apply a single color to the polygons in your scene. You can mark the project areas in a city with a unique fill and outline color to make the projects stand out in your scene, for example.

  1. Follow the steps in the Style layers in a scene workflow.
  2. For Color, click the color picker.

    Do any of the following steps:

    1. Click Pattern.

      Select a patten to apply to the polygons or select the solid box for no pattern.

    2. Click  Fill color Pencil to see the fill color options:
      • Choose a color in the color picker.
      • Create a custom color using the Hex, RGB, or HSV values.
      • Under Saved, you can apply saved colors. Click add Add or remove Zoom out to add or remove a color.
      • Click Done to apply the settings and return to the previous pane.

      The most recent fill colors are shown.

      Click No color No color to choose no fill color. The Fill transparency setting becomes disabled.

    3. Click Fill transparency to set the transparency with the slider or by entering values.
    4. Click Outline color to see the outline color options:
      • Choose a color in the color picker.
      • Create a custom color using the Hex, RGB, or HSV values.
      • Under Saved, you can apply saved colors. Click add Add or remove Zoom out to add or remove a color.
      • Click Done to return to the previous pane.

      The most recent outline colors are shown.

      Click No color No color to choose no outline color. The Outline transparency and Outline width settings become disabled.

    5. Click Outline transparency to set the transparency using the slider or by entering values.
    6. Click Outline width to set the outline width using the slider or by entering values.
    7. Click Cancel to return to the previous pane without applying the color settings.
    8. Click Done to apply the settings and return to the previous pane.
  3. For Labels, see Apply labels in a scene.

3D Extrusion

Use the 3D Extrusion style when you want to symbolize polygons with an extrusion in real-world dimensions in a single color. You can build a city from a set of building footprints extruded by a height attribute or manually enter a constant height for all the buildings.

  1. Follow the steps in the Style layers in a scene workflow.
  2. For Color, click the color picker:

    Do any of the following steps:

    1. Click  Fill color Pencil to see the fill color options:
      • Choose a color in the color picker.
      • Create a custom color using the Hex, RGB, or HSV values.
      • Under Saved, you can apply saved colors. Click add Add or remove Zoom out to add or remove a color.
      • Click Done to return to the previous pane.

      The most recent fill colors are shown.

    2. Click Fill transparency to set the transparency using the slider or by entering values.
    3. Click Cancel to return to the previous pane without applying the color settings.
    4. Click Done to apply the settings and return to the previous pane.
  3. For Height, set the height of the polygon extrusions:

    Click the drop-down menu and do any of the following steps:

    1. Under Fixed size, click <Fixed size> to enter a uniform size. As you zoom in and out, click the Fit to view button Fit symbol to view to adjust the extrusion heights to the appropriate size in the current view.
    2. Under Expression, create an expression to set the heights of the polygons:

      • Click </> Create expression to open a window to create an Arcade expression.
      • Provide a title for the new expression at the top.
      • Create a custom expression in the editor.
      • After the expression is created, you can click Edit Pencil to edit the expression.
      • Choose the measurement unit.

    3. Under Attributes, click an attribute from the list to set the heights of the polygons. Choose the measurement unit.

    Note:

    When an expression or attribute is selected under Choose the main attribute to visualize in the style gallery, the height is set to the values of the chosen expression or attribute. The Height drop-down menu is unavailable. You can still, however, modify the unit.

    To enable the Height drop-down menu, return to the style gallery and select <none> under Choose the main attribute to visualize.

  4. For Labels, see Apply labels in a scene.
  5. For Edges, see Visualize edges in a scene.

Water

Use the Water style when you want to symbolize water polygon features, such as lakes, oceans, rivers, or pools. You can display an ocean with realistic wave animation and colors, for example.

  1. Follow the steps in the Style layers in a scene workflow.
  2. For Type, choose from the following visualizations to add levels of detail to water features:
    • Oceans and seas
    • Lakes and rivers
    • Pools

  3. For Color, click the color picker.

    Do any of the following steps:

    1. Click  Fill color Pencil to see the fill color options:
      • Choose a color in the color picker.
      • Create a custom color using the Hex, RGB, or HSV values.
      • Under Saved, you can apply saved colors. Click add Add or remove Zoom out to add or remove a color.
      • Click Done to return to the previous pane.

      The most recent fill colors are shown.

    2. Click Fill transparency to set the transparency using the slider or by entering values.
    3. Click Cancel to return to the previous pane without applying the color settings.
    4. Click Done to apply the settings and return to the previous pane.
  4. For Color, click the color picker:
    • Colors displays general colors from which you can choose.
    • Custom color allows you to create a custom color. You can copy the Hex, RGB, and HSV values. Under Saved, apply saved colors, which you can add or remove.
    • Transparency allows you to set the transparency using the slider or by entering values.
  5. For Waves, change the size of the waves by moving the slider from Small to Large.
  6. For Direction, choose the direction of the waves in relation to the compass direction.
    • The value is the number of degrees the wave direction is offset going clockwise from the compass direction. You can enter a value or use the arrows to change the value. Leave the field blank for no wave direction.
    • Click the Change direction to next 45° interval button Change direction to next 45° interval or press Enter or Spacebar to change the direction to the next 45-degree interval.
  7. For Labels, see Apply labels in a scene.
Note:

To display water reflections of terrain and 3D objects, select the Quality option in Settings Settings.

2D Counts and Amounts

You can choose the 2D Counts and Amounts style to apply a color ramp to polygons based on numeric attribute values. You can display zoning areas in a city with continuous colors based on census data such as population or median household income, for example.

  1. Follow the steps in the Style layers in a scene workflow.

    The 2D Counts and Amounts pane appears with the Mapped Attribute box displaying the chosen expression or attribute.

  2. Move the upper and lower slider handles to adjust the coloring based on the specified attribute.

    See Counts and amounts considerations for more information.

  3. For Color, click the color picker.

    Do any of the following steps:

    1. Click Pattern.

      Select a patten to apply to the polygons or select the solid box for no pattern.

    2. Click  Fill color Pencil to see the fill color options:
      • Under Category, select the types of color ramps from which you want to choose.
      • Click Flip ramp colors Invert color ramp to flip the colors.
      • Click Done to return to the previous pane.
    3. Click Outline color to see the outline color options:
      • Choose a color in the color picker.
      • Create a custom color using the Hex, RGB, or HSV values.
      • Under Saved, you can apply saved colors. Click add Add or remove Zoom out to add or remove a color.
      • Click Done to return to the previous pane.

      The most recent outline colors are shown.

      Click No color No color to choose no outline color. The Outline transparency and Outline width settings become disabled.

    4. Click Outline transparency to set the transparency using the slider or by entering values.
    5. Click Outline width to set the outline width using the slider or by entering values.
    6. Click Cancel to return to the previous pane without applying the color settings.
    7. Click Done to apply the settings and return to the previous pane.
  4. For Labels, see Apply labels in a scene.

3D Counts and Amounts

Use the 3D Counts and Amounts style when you want to apply continuous colors to polygons based on a numeric attribute and extrude them with another attribute or fixed value. For example, you can extrude building footprint polygons based on a height attribute or fixed value while applying a color ramp to the buildings by total energy consumption.

  1. Follow the steps in the Style layers in a scene workflow.

    The 3D Counts and Amounts pane appears with the Mapped Attribute box displaying the chosen expression or attribute.

  2. Move the upper and lower slider handles to adjust the coloring based on the specified attribute.

    See Counts and amounts considerations for more information

  3. For Color, click the color picker.

    Do any of the following steps:

    1. Click  Fill color Pencil to see the fill color options:
      • Under Category, select the types of color ramps from which you want to choose.
      • Click Flip ramp colors Invert color ramp to flip the colors.
      • Click Done to return to the previous pane.
    2. Click Cancel to return to the previous pane without applying the color settings.
    3. Click Done to apply the settings and return to the previous pane.
  4. For Height, set the extrusion heights of the polygons:

    Click the drop-down menu and do any of the following steps:

    1. Under Fixed size, click <Fixed size> to enter a uniform size. As you zoom in and out, click the Fit to view button Fit symbol to view to adjust the extrusion heights to the appropriate size in the current view. Choose the measurement unit.
    2. Under Expression, create an expression to set the heights of the polygons:

      • Click </> Create expression to open a window to create an Arcade expression.
      • Provide a title for the new expression at the top.
      • Create a custom expression in the editor.
      • After the expression is created, you can click Edit Pencil to edit the expression.
      • Choose the measurement unit.

    3. Under Attributes, click an attribute from the list to set the heights of the polygons. Choose the measurement unit.
  5. For Labels, see Apply labels in a scene.
  6. For Edges, see Visualize edges in a scene.

2D Types

Use the 2D Types style to apply individual colors to polygons based on either text or numeric attributes. For example, you can display the zoning areas in a city by color based on zoning type, such as Commercial, Residential, or Industrial.

  1. Follow the steps in the Style layers in a scene workflow.

    The 2D Types pane appears with the Mapped Attribute box displaying the chosen expression or attribute.

  2. Modify the Attribute Values list.

    The most common attribute values are listed. The remaining attribute values are automatically grouped into the Other section. By default, the attribute values are listed in descending order by the number of features, which is listed next to each attribute. The total number of features is displayed at the top of the list.

    1. Click an attribute value to modify it.

      Do any of the following steps:

      • Change the symbology.
      • Drag the attribute value to change the order in the list and in the legend.
      • Rename an attribute value by selecting it and clicking the name.
    2. Click Select all at the top of the list to modify all values.

      To return to modifying an individual value, click a value or click Select one at the top of the list.

    3. Modify attribute values in the Other section.

      Do any of the following steps:

      • Change the symbology.
      • Drag individual attribute values in and out of the main list.
      • Click Select all to drag all values.
      • Click the show Show Other values or hide Hide Other values buttons to show or hide features that are in the Other section. By default, these attribute features are hidden. Features that are hidden and dragged to the main list become visible in the scene and in the legend.

    Tip:
    Ideally, your layer should show fewer than 10 values; more than 10 are difficult for users to distinguish.

  3. For Color, click the color picker.

    Do any of the following steps:

    1. Click Pattern.

      Select a patten to apply to the polygons or select the solid box for no pattern.

    2. Click  Fill color Pencil to see the fill color options:
      • Choose a color in the color picker.
      • Create a custom color using the Hex, RGB, or HSV values.
      • Under Saved, you can apply saved colors. Click add Add or remove Zoom out to add or remove a color.
      • Click Done to apply the settings and return to the previous pane.

      The most recent fill colors are shown.

      Click No color No color to choose no fill color. The Fill transparency setting becomes disabled.

    3. Click Fill transparency to set the transparency using the slider or by entering values.
    4. Click Outline color to see the outline color options:
      • Choose a color in the color picker.
      • Create a custom color using the Hex, RGB, or HSV values.
      • Under Saved, you can apply saved colors. Click add Add or remove Zoom out to add or remove a color.

      The most recent outline colors are shown.

      Click No color No color to choose no fill color. The Outline transparency and Outline width settings become disabled.

    5. Click Outline transparency to set the transparency using the slider or by entering values.
    6. Click Outline width to set the outline width using the slider or by entering values.
    7. Click Cancel to return to the previous pane without applying the color settings.
    8. Click Done to apply the settings and return to the previous pane.
  4. To apply a color ramp to all the attribute values, click Select all at the top of the Attribute Values list.

    The solid color picker becomes a color ramp.

    1. Click  Fill color Pencil to see the fill color options:
      • Under Category, select the types of color ramps from which you want to choose.
      • Click Flip ramp colors Invert color ramp to flip the colors.
      • Click Done to return to the previous pane.
    2. Click Solid color to change the ramp to a solid color and display the fill options.
  5. For Labels, see Apply labels in a scene.

3D Types

Use the 3D Types style when you want to apply individual colors to polygons based on a text or numeric attribute and extrude them by another attribute or fixed value. For example, you can extrude building footprint polygons based on a height attribute or fixed value while applying individual colors to the buildings by usage type, such as Commercial, Residential, or Industrial.

  1. Follow the steps in the Style layers in a scene workflow.

    The 3D Types pane appears with the Mapped Attribute box displaying the chosen expression or attribute.

  2. Modify the Attribute Values list.

    The most common attribute values are listed. The remaining attribute values are automatically grouped into the Other section. By default, the attribute values are listed in descending order by the number of features, which is listed next to each attribute. The total number of features is displayed at the top of the list.

    1. Click an attribute value to modify it.

      Do any of the following steps:

      • Change the symbology.
      • Drag the attribute value to change the order in the list and in the legend.
      • Rename an attribute value by selecting it and clicking the name.
    2. Click Select all at the top of the list to modify all values.

      To return to modifying an individual value, click a value or click Select one at the top of the list.

    3. Modify attribute values in the Other section.

      Do any of the following steps:

      • Change the symbology.
      • Drag individual attribute values in and out of the main list.
      • Click Select all to drag all values.
      • Click the show Show Other values or hide Hide Other values buttons to show or hide features that are in the Other section. By default, these attribute features are hidden. Features that are hidden and dragged to the main list become visible in the scene and in the legend.

    Tip:
    Ideally, your layer should show fewer than 10 values; more than 10 are difficult for users to distinguish.

  3. For the Color option in the table, click the color picker.

    Do any of the following steps:

    1. Click  Fill color Pencil to see the fill color options:
      • Choose a color in the color picker.
      • Create a custom color using the Hex, RGB, or HSV values.
      • Under Saved, you can apply saved colors. Click add Add or remove Zoom out to add or remove a color.
      • Click Done to apply the settings and return to the previous pane.

      The most recent fill colors are shown.

    2. Click Fill transparency to set the transparency using the slider or by entering values.
    3. Click Cancel to return to the previous pane without applying the color settings.
    4. Click Done to apply the settings and return to the previous pane.
  4. To apply a color ramp to all the attribute values, click Select all at the top of the Attribute Values list.

    The solid color picker becomes a color ramp.

    1. Click  Fill color Pencil to see the fill color options:
      • Under Category, select the types of color ramps from which you want to choose.
      • Click Flip ramp colors Invert color ramp to flip the colors.
      • Click Done to return to the previous pane.
    2. Click Solid color to change the ramp to a solid color and display the fill options.
  5. For the Height option in the table, set the height of the polygon extrusions.
    • Set the height and unit for the polygons. As you zoom in and out, you can click the Fit to view button Fit to view to adjust the extrusion height to be appropriately sized in the current view.
    • When an expression or attribute is selected in the Height option under All polygons, the option to individually size the heights in the table is unavailable. Change the Height option to <None> to set the heights individually in the table.
  6. Under All polygons, for the Height option, set the height of the polygon extrusions.

    Click the drop-down menu and do any of the following steps:

    1. Under No attribute, click <None> to enter a uniform size.
    2. Under Expression, create an expression to set the heights of the polygons:

      • Click </> Create expression to open a window to create an Arcade expression.
      • Provide a title for the new expression at the top.
      • Create a custom expression in the editor.
      • After the expression is created, you can click Edit Pencil to edit the expression.
      • Choose the measurement unit.

    3. Under Attributes, click an attribute from the list to set the heights. Choose the measurement unit.
  7. For Labels, see Apply labels in a scene.
  8. For Edges, see Visualize edges in a scene.