Coastal Vignettes and Water Lines

Coastal vignettes and water lines represent artistic cartographic techniques that enhance the visual distinction between land and water features. This tutorial demonstrates how to create these effects using CARTO Builder by combining polygon layers, distance buffer analysis, and styling techniques.

Add Data

The example uses a 1:5M polygon dataset of Hawaii from the US Census Bureau. When selecting source geometry, consider the generalization level appropriate for your viewing scale and map extent.

Create Areas of Influence

Access the analysis tab on the Hawaii layer and run the “Area of influence” analysis with these parameters:

• Type: Distance
• Units: km
• Radius: 12
• Tracts: 4

Adjust these settings based on your map’s viewing scale and extent.

Reorder and Name Layers

Separate analysis nodes from original layers by dragging the analysis node (A1) underneath the original layer (A). Rename the resulting Layer B to something descriptive for better organization.

Style Land Polygons

Set the polygon fill and stroke color to #97ba7a in the layer’s styling properties.

Coastal Vignettes

In the vignette layer styling, apply these settings:

• Polygon fill: white
• Opacity: 0.2
• Polygon stroke width: 0

These adjustments create the characteristic blurring and fading effects.

Water Lines

Transform vignettes into water lines using these stroke properties:

• Stroke color: #a3cbd2 (slightly darker than ocean baseline)
• Stroke width: 0.5
• Opacity: 1
• Polygon fill opacity: 0

BONUS: Dynamic Analysis

Adjust analysis parameters (such as radius from 12 km to 16 miles) and click “Apply” to watch the map update while styling remains intact.