Style line layers

In Layer style Layer style, you can create custom visualizations in scenes by applying smart mapping styles to data. Choose styles that use attributes to apply continuous colors or individual colors to lines, or choose styles that apply a single color to all the lines.

2D Line

You can apply the 2D Line style to visualize lines with a single color. You can show a network of transportation lines across a city, for example.

  1. Follow the steps in the Style layers workflow.
  2. For Color, click the color picker and do any of the following:
    1. Under Pattern, click the pattern to apply to the line.
    2. Under Marker, click a line marker or select <none>.
    3. Under Marker placement, click begin, end, or begin-end to choose the marker placement.
    4. Click Fill color Pencil to set the fill color options:
      • Choose a color in the color picker.
      • Create a custom color by the Hex, RGB, or HSV values.
      • Under Saved, 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.

    5. Click Fill transparency to set the transparency with the slider or by entering values.
    6. If you do not want to apply the color settings, click Cancel to return to the previous pane.
    7. To apply the settings, click Done to return to the previous pane.
  3. For Width, choose the width of the lines in pixels.

3D Path

Use the 3D Path style to show lines with a single color in real-world measurements by attributes. For example, you can size water main lines across a city by the diameter of the pipes.

  1. Follow the steps in the Style layers workflow.
  2. For Profile, choose how to display the line paths and adjust the real-world line size.
    • The Profile setting has the following line types:

      Tube

      Displays lines as tubes, such as water pipes or utility lines; diameters are entered in the Diameter setting.

      Wall

      Displays lines as walls, such as walls or fences; vertical heights are entered in the Height setting.

      Strip

      Displays lines as strips, such as streets or railroad tracks; widths are entered in the Width setting.

      Square

      Displays lines as squares, such as tunnels or canals; heights are entered in the Height setting.

    • As you change the profile, the measurement type changes accordingly to Diameter, Height, or Width below the Color setting.
  3. For Color, click the color picker and do any of the following:
    1. Click Fill color Pencil to set the fill color options:
      • Choose a color in the color picker.
      • Create a custom color by the Hex, RGB, or HSV values.
      • Under Saved, 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 with 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 the Diameter, Height, or Width options, set the line size. 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 lines to the appropriate size in the current view. Choose the measurement unit.
    2. Under Expression, create an expression to set the line sizes:

      • 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, click Edit Pencil to edit the expression.
      • Choose the measurement unit.

    3. Under Attributes, click an attribute from the list to set the line sizes. Choose the measurement unit.

    Note:

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

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

2D Counts and Amounts

You can apply the 2D Counts and Amounts style to line data to color the lines based on numeric attribute values. You can show a transportation network of lines with continuous color based on traffic volumes, for example.

  1. Follow the steps in the Style layers 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.
  3. For Color, click the color picker and do any of the following:
    1. Under Pattern, click the pattern to apply to the line.
    2. Under Marker, click a line marker or select <none>.
    3. Under Marker placement, click begin, end, or begin-end to choose the marker placement.
    4. Click Fill color Pencil to set the fill color options:
      • Under Category, select types of color ramps.
      • Click Flip ramp colors Invert color ramp to flip the colors.
      • Click Done to return to the previous pane.
    5. Click Cancel to return to the previous pane without applying the color settings.
    6. Click Done to apply the settings and return to the previous pane.
  4. For Width, choose the width of the lines in pixels.

3D Counts and Amounts

Use the 3D Counts and Amounts style to apply continuous colors to lines based on a numeric attribute and size them with another attribute. For example, you can size water main lines across a city based on a diameter attribute, while applying continuous colors to the pipes with a flow rate attribute.

  1. Follow the steps in the Style layers 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.
  3. For Profile, choose how to display the line paths and adjust the real-world line size.
    • The Profile setting has the following line types:

      Tube

      Displays lines as tubes, such as water pipes or utility lines; diameters are entered in the Diameter setting.

      Wall

      Displays lines as walls, such as walls or fences; vertical heights are entered in the Height setting.

      Strip

      Displays lines as strips, such as streets or railroad tracks; widths are entered in the Width setting.

      Square

      Displays lines as squares, such as tunnels or canals; heights are entered in the Height setting.

    • As you change the profile, the measurement type changes accordingly to Diameter, Height, or Width below the Color setting.
  4. For Color, click the color picker and do any of the following:
    1. Click Fill color Pencil to set the fill color options:
      • Under Category, select types of color ramps.
      • 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.
  5. For the Diameter, Height, or Width options, set the line size. 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 lines to the appropriate size in the current view. Choose the measurement unit.
    2. Under Expression, create an expression to set the line sizes:

      • 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, click Edit Pencil to edit the expression.
      • Choose the measurement unit.

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

2D Types

You can apply the 2D Types style to line data to color the lines by type based on either text or numeric attributes. You can show a transportation network of lines across a city by type, such as road, rail, bus, or underground.

  1. Follow the steps in the Style layers 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 value. The total number of features is displayed at the top of the list.

    1. Click an attribute value to modify and do any of the following:
      • 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. To modify attribute values in the Other section, do any of the following:
      • 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:
    It is recommended that layers show fewer than 10 values; more than 10 are difficult for users to distinguish.

  3. For Color, click the color picker and do any of the following:
    1. Under Pattern, click the pattern to apply to the line.
    2. Under Marker, click a line marker or select <none>.
    3. Under Marker placement, click begin, end, or begin-end to choose the marker placement.
    4. Click Fill color Pencil to set the fill color options:
      • Choose a color in the color picker.
      • Create a custom color by the Hex, RGB, or HSV values.
      • Under Saved, 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.

    5. Click Fill transparency to set the transparency with 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. 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 set the fill color options:
      • Under Category, select types of color ramps.
      • 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 Width, choose the width of the lines in pixels.

3D Types

Use the 3D Types style to apply individual colors to lines based on a text or numeric attribute and size them with another attribute. For example, you can size water main lines across a city based on a diameter attribute, while applying individual colors to the pipes with a material type attribute.

  1. Follow the steps in the Style layers 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 and do any of the following:
      • 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. To modify attribute values in the Other section, do any of the following:
      • 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:
    It is recommended that layers show fewer than 10 values; more than 10 are difficult for users to distinguish.

  3. For Color, click the color picker and do any of the following:
    1. Click Fill color Pencil to set the fill color options:
      • Choose a color in the color picker.
      • Create a custom color by the Hex, RGB, or HSV values.
      • Under Saved, apply saved colors. Click Add Add or Remove Zoom out to add or remove a color.

      The most recent fill colors are shown.

    2. Click Fill transparency to set the transparency with 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 set the fill color options:
      • Under Category, select types of color ramps.
      • 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. Set the size of the lines in the table.
    • As you change the Profile option under All lines, the measurement type changes in the table accordingly to Diameter, Height, or Width.
    • Set the line sizes. As you zoom in and out, you can click the Fit to view button Fit to view to adjust the lines to the appropriate size in the current view.
    • When an expression or attribute is selected in the Diameter, Height, or Width options under All lines, the option to individually size the lines in the table is unavailable. Change the setting to <None> to set the sizes individually.
  6. Under All lines, for the Diameter, Height, or Width options, use an expression or attribute to set the line sizes. Click the drop-down menu and do any of the following steps:
    1. Under No attribute, click <None> to enter a uniform size in the table.
    2. Under Expression, create an expression to set the size of the lines:

      • 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, 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.