mapcomplete/assets/layers/cluster_style/cluster_style.json

{
  "id": "cluster_style",
  "description": "The style for the clustering in all themes. Enable `debug=true` to peak into clustered tiles",
  "source": {
    "osmTags": "tileId~*"
  },
  "title": "Clustered data",
  "tagRenderings": [
    "all_tags"
  ],
  "mapRendering": [
    {
      "label": {
        "render": "<div class='rounded-full text-xl font-bold' style='width: 2rem; height: 2rem; background: white'>{showCount}</div>",
        "mappings": [
          {
            "if": "showCount>1000",
            "then": "<div class='rounded-full text-xl font-bold flex flex-col' style='width: 2.5rem; height: 2.5rem; background: white'>{kilocount}K</div>"
          }
        ]
      },
      "location": [
        "point"
      ]
    },
    {
      "color": {
        "render": "#3c3",
        "mappings": [
          {
            "if": "showCount>200",
            "then": "#f33"
          },
          {
            "if": "showCount>100",
            "then": "#c93"
          },
          {
            "if": "showCount>50",
            "then": "#cc3"
          }
        ]
      },
      "width": {
        "render": "1"
      }
    }
  ]
}