Examples

A compact, one-per-type overview. For fuller, captioned examples — line casing, proportional symbols, icon-per-category, H3 aggregation popups, raster algebra — see the individual Types of visualizations pages.

Minimal

{"version": "2.3.1", "type": "simple", "config": {}, "paint": {}, "label": {}}

Point (simple)

{
  "version": "2.3.1",
  "type": "simple",
  "config": {"labelAttribute": ["name"]},
  "paint": {"color": "#8F7EBF", "size": 4, "strokeColor": "auto", "strokeWidth": 1},
  "label": {"color": "auto", "haloColor": "auto", "placement": ["E"], "offset": [6, 0]}
}

Line (simple)

{
  "version": "2.3.1",
  "type": "simple",
  "config": {"labelAttribute": ["river_name"]},
  "paint": {"color": "hsl(217, 80%, 40%)", "size": 2},
  "label": {"color": "auto", "fontStyle": "italic", "placement": "Above", "repeatDistance": 200}
}

Polygon (simple)

{
  "version": "2.3.1",
  "type": "simple",
  "config": {"labelAttribute": ["name"]},
  "paint": {"color": "#3B82F6", "strokeColor": "auto", "strokeWidth": 1, "opacity": 0.8},
  "label": {"color": "auto", "haloColor": "auto", "placement": ["Center"]}
}

Categorical

{
  "version": "2.3.1",
  "type": "categorical",
  "config": {
    "categoricalAttribute": "primary_fuel",
    "categories": {"type": "top", "count": 6},
    "showOther": true
  },
  "paint": {"color": "@catPalette1", "size": 4, "strokeColor": "auto", "strokeWidth": 1},
  "legend": {"displayName": "auto"}
}

Numeric

{
  "version": "2.3.1",
  "type": "numeric",
  "config": {"numericAttribute": "Renter occupied (%)", "steps": {"type": "jenks", "count": 5}},
  "paint": {"color": "@galaxy", "opacity": 0.9, "strokeColor": "auto", "strokeWidth": 0.5},
  "legend": {"displayName": "auto"}
}

Heatmap

{
  "version": "2.3.1",
  "type": "heatmap",
  "config": {},
  "paint": {"color": "@purpYlPink", "size": 10, "intensity": 0.2, "opacity": 0.9},
  "legend": {"displayName": {"0": "Low", "1": "High"}}
}

H3

{
  "version": "2.3.1",
  "type": "h3",
  "config": {
    "aggregation": "sum",
    "numericAttribute": "capacity_mw",
    "baseBinLevel": 3,
    "binMode": "fixed",
    "steps": {"type": "quantiles", "count": 5}
  },
  "paint": {"color": "@riverine"},
  "legend": {"displayName": "auto"}
}

Raster

{
  "version": "2.3.1",
  "type": "numeric",
  "config": {"band": 1, "steps": {"type": "continuous"}, "noData": [-9999], "rasterResampling": "linear"},
  "paint": {"color": "@mplVirdis", "opacity": 1},
  "legend": {"displayName": "auto"}
}