CARTO 3 Workspace

CARTO 3 Workspace

Map styles

When styling maps, you can style your geometry using different settings. By default, the CARTO 3 Builder styles by fixed values for size and solid colors. The following sections list the different styling options that you can set for your map. Some of them are available depending on the type of layer (point, line, polygon, etc.).

To style your layers, expand the layer settings panel.

Map layers settings

FILL COLOR

When activated, geo shapes are filled in with colors. By default, Builder assigns a predefined fill color. You can change it by clicking the Fill button where the default color is displayed, and then selecting the new predefined color using the color picker.

Map style fill color

You can explore additional fill color features by clicking the three dots icon:

Map style fill additional features

  • Color based on: When styling maps, you can assign color based on a field from your dataset(s).

    1. Click the Color based on button. Select a field from your dataset to style your layer. In this example, we style our layer based on the “population” field.

    Map fill style based on field

    The color ramp is applied to our layer, so now we can analyze areas with higher/lower population.

    Map fill style based on field result

    1. By default, Builder assign a predefined color palette. You can change it by clicking the Fill button where the default ramp color is displayed, and then selecting the new predefined color palette. Predefined palettes comes in diverging, sequential, and qualitative types.

    fill color predefined palette

    You can also design a custom palette. To activate this option, toggle on custom palette. Click on each color to pick a new color either by clicking on the color picker or inputting HEX/RGB values. Colors steps can be added, removed, or shuffled.

    Map style fill color custom paletteMap style fill color custom palette.png

    1. Your color is applied to your map as soon as you select the predefined palette or confirm the choices of customized colors.

STROKE COLOR

When activated, this feature draws outlines around geoshapes. When styling a map layer, the stroke contains the width, color, and opacity for the sides of the geometry. By default, Builder assigns a predefined stroke color. You can change it by clicking the Stroke button where the default color is displayed, and then selecting the new predefined color using the color picker.

Map style stroke color

You can explore additional stroke color features by clicking the three dots icon:

Map style stroke additional features

  • Color based on: When styling maps, you can assign stroke color based on a field from your dataset(s).

    1. Click the Color based on button. Select a field from your dataset to style your layer. In this example, we style our layer stroke based on the “population” field.

    Map stroke style based on field

    The color ramp is applied to our layer, so now we can analyze areas with higher/lower population.

    Map stroke style based on field result

    1. By default, Builder assigns a predefined color palette. You can change it by clicking the Fill button where the default ramp color is displayed, and then selecting the new predefined color palette. Predefined palettes comes in diverging, sequential and qualitative types.

    stroke color predefined palette

    You can also design a custom palette. To activate this option, toggle on custom palette. Click on each color to pick a new color either by clicking on the color picker or inputting HEX/RGB values. Colors steps can be added, removed or shuffled.

    Map style stroke color custom paletteMap style fill color custom palette.png

    1. Your color is applied to your map as soon as you select the predefined palette or confirm the choices of customized colors.

STROKE WIDTH

This feature allows you to change the thickness of lines, or assign a width based on a field from your dataset(s). You can change the predefined stroke width using the width slider or by directly inputting the stroke size in the text input.

You can explore additional stroke width features by clicking the three dots icon:

Map style stroke width additional features

  • Stroke width based on: When styling maps, you can assign stroke width based on a field from your dataset(s).

    1. Click the Stroke based on button. Select a field from your dataset to style your layer. In this example, we style our layer stroke based on the “population” field.

    Map stroke width based on field

    1. By default, Builder assigns a predefined width range. The range slider allows you to set a custom range using a lower and upper threshold for projected stroke width. You can change the predefined stroke width range using the width range slider or by directly inputting the lower and upper stroke size in the text input.

    Map stroke width based on range

HEIGHT

This feature allows you to assign polygon heights for 3D visualizations. You can activate this option by clicking the toogle. You can change the height using the height slider or by directly inputting the height in the text input.

Map style height

You can explore additional height features by clicking the three dots icon:

Map style height additional features

  • Height based on: When styling maps, you can assign height based on a field from your dataset(s). Click the Height based on button. Select a field from your dataset to style your layer. In this example, we style our layer height based on the “population” field.

Map height based on field

You can explore the 3D visualization by clicking on the 3D map button on the upper right corner of the map. Activating 3D map visualization

In the example, we can now explore as a 3D map those polygons with a higher population.

Map stroke width based on field

LAYER BLENDING

You can choose either a Additive, Normal, or Substractive.

Map style layer blending