{
  "version": "xarts.metric-panels/1",
  "family": "metric-panels",
  "operation": "composition-ratio",
  "provenance": {
    "legacyId": "uniteconomics"
  },
  "data": {
    "unit": "USD",
    "total": {
      "id": "ltv",
      "label": "LTV",
      "value": 12000
    },
    "segments": [
      {
        "id": "year1",
        "label": "Year 1",
        "value": 3600
      },
      {
        "id": "year2",
        "label": "Year 2",
        "value": 4200
      },
      {
        "id": "year3",
        "label": "Year 3+",
        "value": 4200
      }
    ],
    "baseline": {
      "id": "cac",
      "label": "CAC",
      "value": 3000
    },
    "metrics": [
      {
        "id": "arpu",
        "label": "Monthly ARPU",
        "value": 350,
        "unit": "currency"
      },
      {
        "id": "margin",
        "label": "Gross Margin",
        "value": 78,
        "unit": "percent"
      },
      {
        "id": "lifetime",
        "label": "Avg Lifetime",
        "value": 34,
        "unit": "months"
      },
      {
        "id": "payback",
        "label": "Payback",
        "value": 8,
        "unit": "months"
      }
    ]
  },
  "calculation": {
    "total": "verify-or-compute",
    "relativeTolerance": 0,
    "ratio": "total-over-baseline",
    "ratioDecimals": 1,
    "underflow": "reject"
  },
  "layout": {
    "margin": {
      "top": 32,
      "right": 24,
      "bottom": 48,
      "left": 24
    },
    "barsFraction": 0.55,
    "columnGap": 20,
    "bandPadding": 0.4,
    "maximumBarWidth": 80,
    "domainPadding": 0.1,
    "nice": true,
    "minimumPlotHeight": 40,
    "ratioY": 0.15,
    "ratioLabelGap": 22,
    "metricsY": 0.35,
    "metricStep": 42,
    "metricLabelGap": 18,
    "totalGap": 8,
    "categoryGap": 18,
    "measured": true,
    "minimumTextGap": 4
  },
  "marks": {
    "segmentColors": [
      "series.emerald",
      "series.teal",
      "series.green"
    ],
    "baselineColor": "series.blue",
    "radius": 2,
    "opacity": 0.9
  },
  "labels": {
    "fontFamily": "'Inter', system-ui, -apple-system, sans-serif",
    "value": {
      "color": "textPrimary",
      "fontSize": 12,
      "fontWeight": 600
    },
    "segment": {
      "color": "surface",
      "fontSize": 10,
      "fontWeight": 500
    },
    "category": {
      "color": "textPrimary",
      "fontSize": 12,
      "fontWeight": 600
    },
    "ratio": {
      "color": "textPrimary",
      "fontSize": 28,
      "fontWeight": 700
    },
    "ratioName": {
      "color": "textMuted",
      "fontSize": 10,
      "fontWeight": 400
    },
    "metricName": {
      "color": "textSecondary",
      "fontSize": 11,
      "fontWeight": 400
    },
    "ratioText": "LTV : CAC",
    "ratioSuffix": "x",
    "segmentPolicy": "require-fit"
  },
  "formats": {
    "amount": {
      "textRuns": "continuous",
      "prefix": "$",
      "suffix": "K",
      "divisor": 1000,
      "segmentDecimals": 1,
      "totalDecimals": 0
    },
    "metrics": {
      "currency": {
        "prefix": "$",
        "suffix": "",
        "decimals": 0,
        "trim": true
      },
      "percent": {
        "prefix": "",
        "suffix": "%",
        "decimals": 0,
        "trim": true
      },
      "months": {
        "prefix": "",
        "suffix": "mo",
        "decimals": 0,
        "trim": true
      }
    }
  },
  "reference": {
    "visible": true,
    "meaning": "baseline-value",
    "label": "CAC",
    "color": "series.orange",
    "width": 2,
    "dash": "4,3",
    "overhang": 4,
    "labelGap": 8,
    "labelDy": 4,
    "fontSize": 10,
    "fontWeight": 500
  },
  "annotations": [],
  "document": {
    "textOverflow": "preserve",
    "header": {
      "title": "Unit Economics",
      "subtitle": "Customer lifetime value vs acquisition cost comparison"
    },
    "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": 520
    },
    "locale": "en-US",
    "fonts": "reference",
    "surface": "theme",
    "framePadding": 24
  },
  "output": {
    "filename": "uniteconomics",
    "embedSpec": true,
    "geometryDecimals": 2
  }
}