CARTO User Manual

CARTO User Manual

Map styles

When styling map visualizations, you can style your geometry using different settings. By default, CARTO 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. Note that some of them are only available depending on the type of geometry layer (point, line, polygon, etc.).

To style your layers, click on the three dots icon and select Layer style.

Map layers settings

You will see tthe differentstyling options that you can set for your map depending on the type of geometry layer.

Map layers settings

Fill color

When activated, geometry 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 on the three dots icon:

Map style fill additional features

  • Color based on: When styling maps, you can assign a color based on the values from a field from your data source.

    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

    A 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 come 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. Color 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.
  • Color scale: For your color palette, you can choose either a quantile or quantized color scale.

Map style fill color scale

Quantile: A quantile color scale is determined by rank. A quantile classification is well suited to linearly distributed data. Each quantile class contains an equal number of features. There are no empty classes or classes with too few or too many values. This can be misleading sometimes, since similar features can be placed in adjacent classes or widely different values can be in the same class, due to equal number grouping.

Quantized: Quantized color scale is determined by value. To Quantize means to group values with discrete increments. It allows to transform an initial continuous range into a discrete set of classes. Quantize scales will slice the domain’s extent into intervals of roughly equal lengths.

  • Opacity: Change the transparency of a layer. 1 = opaque, 0 = invisible. You can change the predefined opacity using the opacity slider or by directly writting the level of opacity in the text input. Map style fill opacity

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 on 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 to assign a width based on a field from your data sources. 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

Radius

Change the radius of points, or assign radius values based on a field from your dataset(s). You can change the predefined radius using the radius slider or by directly writting the radius size in the text input.

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

Map style radius additional features

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

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

Label

Applying text labels to your data enables you to enhance the typography of your map. While adding labels is optional, they are useful for communicating details with the map viewer. Positive effects of label styling will display legible text and considerate placement of labels on the Map View. In CARTO Builder, the STYLE tab of a selected map layer provides basic label options.

Enable the Labels checkbox, select a column and then specify the following options: Font Size, Font Color, Text Anchor or Alignment.

Map style label features

Select an appropriate font, size, and color for your label. For example, consider if the text appears uppercase, lowercase, mixed case, and how the label appears based on the size and style of the typeface.

Height

This feature allows you to assign polygon heights to build 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 on 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

Legend

Apply a map legend to show symbols and text that describe your data in CARTO Builder.

A legend displays symbols and text about your data in a fixed position on your map, and is an essential part of how viewers understand your published visualization.