Function classBreaksRenderer

  • classBreaksRenderer(options): ClassBreaksRenderer
  • Experimental

    Create a graduated (class-breaks) renderer: a step expression over a numeric field.

    Parameters

    Returns ClassBreaksRenderer

    Example

    const renderer = classBreaksRenderer({
      field: "magnitude",
      breaks: [
        { min: 0, max: 3, label: "Minor" },
        { min: 3, max: 5, label: "Moderate" },
        { min: 5, label: "Strong" },
      ],
      colors: ["#fed976", "#fd8d3c", "#b10026"],
      defaultColor: "#cccccc",
    });
    const [fragment] = renderer.toMapLibre("point");
    // fragment.paint["circle-color"] → ["step", ["get", "magnitude"], "#cccccc", 0, "#fed976", …]

Settings

Member Visibility