{
  "version": "xarts.metric-panels/1",
  "family": "metric-panels",
  "operation": "metric-dashboard",
  "provenance": {
    "legacyId": "kpicard"
  },
  "data": {
    "rows": [
      {
        "id": "metric-1",
        "label": "Revenue",
        "value": 4200000,
        "target": 4500000,
        "delta": 12,
        "direction": "higher",
        "group": null,
        "unit": "$",
        "history": [
          2.8,
          3,
          2.9,
          3.2,
          3.4,
          3.1,
          3.5,
          3.7,
          3.6,
          3.9,
          4,
          4.2
        ],
        "historyScale": 1000000,
        "sub": "",
        "color": "blue",
        "format": {
          "mode": "compact",
          "prefix": "$",
          "suffix": "",
          "decimals": 1
        },
        "provided": {
          "status": "Positive"
        }
      },
      {
        "id": "metric-2",
        "label": "Customers",
        "value": 1847,
        "target": 2000,
        "delta": 8,
        "direction": "higher",
        "group": null,
        "unit": "",
        "history": [
          1200,
          1280,
          1350,
          1400,
          1450,
          1520,
          1580,
          1630,
          1700,
          1750,
          1800,
          1847
        ],
        "historyScale": 1,
        "sub": "",
        "color": "rose",
        "format": {
          "mode": "compact",
          "prefix": "",
          "suffix": "",
          "decimals": 1
        },
        "provided": {
          "status": "Positive"
        }
      },
      {
        "id": "metric-3",
        "label": "NPS",
        "value": 72,
        "target": 80,
        "delta": -3,
        "direction": "higher",
        "group": null,
        "unit": "",
        "history": [
          68,
          70,
          73,
          75,
          74,
          76,
          78,
          77,
          75,
          74,
          73,
          72
        ],
        "historyScale": 1,
        "sub": "",
        "color": "cyan",
        "format": {
          "mode": "compact",
          "prefix": "",
          "suffix": "",
          "decimals": 0
        },
        "provided": {
          "status": "Negative"
        }
      },
      {
        "id": "metric-4",
        "label": "Churn",
        "value": 2.1,
        "target": 1.5,
        "delta": -0.5,
        "direction": "lower",
        "group": null,
        "unit": "%",
        "history": [
          3.2,
          3,
          2.8,
          2.9,
          2.7,
          2.6,
          2.5,
          2.4,
          2.3,
          2.2,
          2.1,
          2.1
        ],
        "historyScale": 1,
        "sub": "",
        "color": "red",
        "format": {
          "mode": "number",
          "prefix": "",
          "suffix": "%",
          "decimals": 1
        },
        "provided": {
          "status": "Positive"
        }
      }
    ]
  },
  "encoding": {
    "metric": "label",
    "value": "value",
    "target": "target",
    "group": "group"
  },
  "calculation": {
    "mode": "provided-delta",
    "zeroTarget": "null",
    "summary": "none",
    "closeRatio": 0.9,
    "statusLabels": {
      "favorable": "Positive",
      "unfavorable": "Negative",
      "met": "Met",
      "close": "Close",
      "miss": "Miss"
    },
    "providedTolerance": 0.000001,
    "ratioDecimals": 0,
    "historyEndCheck": true,
    "levels": [],
    "scaleMaximum": 100,
    "progress": "value-target-ratio"
  },
  "groups": [],
  "profile": {
    "view": "kpi-cards",
    "margin": {
      "top": 16,
      "right": 16,
      "bottom": 16,
      "left": 16
    },
    "columns": 2,
    "gap": 10,
    "padding": 14,
    "card": {
      "fill": "surface",
      "stroke": "borderLight",
      "width": 1,
      "radius": 4
    },
    "label": {
      "color": "textMuted",
      "size": 10,
      "weight": 500
    },
    "value": {
      "color": "textPrimary",
      "size": 22,
      "weight": 700
    },
    "delta": {
      "color": "textSecondary",
      "size": 11,
      "weight": 600
    },
    "positive": "positive",
    "negative": "negative",
    "valueY": 18,
    "deltaY": 28,
    "deltaRight": 36,
    "sparkline": {
      "color": "blue",
      "width": 1.5,
      "opacity": 0.7,
      "maxHeight": 32,
      "heightRatio": 0.25,
      "paddingRatio": 0.1,
      "targetGap": 12,
      "noTargetGap": 4
    },
    "target": {
      "track": "borderLight",
      "fill": "teal",
      "height": 3,
      "radius": 1.5,
      "bottom": 2
    }
  },
  "annotations": [],
  "document": {
    "header": {
      "title": "Key Metrics Dashboard",
      "subtitle": "Core KPIs with trends and targets"
    },
    "footer": {
      "source": "xarts · demo data",
      "notes": "Illustrative data to explore the chart and replace with your own."
    },
    "spacing": {
      "horizontalPadding": 24,
      "topPadding": 22,
      "bottomPadding": 16,
      "minimumTextGap": 4
    }
  },
  "presentation": {
    "theme": "anlak",
    "dimensions": {
      "width": 800,
      "height": 480
    },
    "locale": "en-US",
    "fonts": "reference",
    "surface": "theme",
    "framePadding": 24
  },
  "output": {
    "filename": "kpicard-editorial-quality",
    "embedSpec": true,
    "geometryDecimals": 2
  }
}