{
  "orthogonal": {
    "margin": {
      "top": 40,
      "right": 56,
      "bottom": 48,
      "left": 56
    },
    "axis": {
      "stroke": "transparent",
      "tickStroke": "transparent",
      "tickLength": 0,
      "labelColor": "#2a2a2a",
      "tickLabelColor": "#3d3d3d",
      "labelFontSize": 14,
      "tickLabelFontSize": 13,
      "labelFontFamily": "'Inter', system-ui, -apple-system, sans-serif",
      "tickLabelFontFamily": "'Inter', system-ui, -apple-system, sans-serif",
      "baselineStroke": "#3d3d3d",
      "baselineWidth": 1.5,
      "titleColor": "#2a2a2a",
      "titleFontSize": 13,
      "titleFontWeight": 700
    },
    "grid": {
      "stroke": "#d6cfbc",
      "strokeOpacity": 1,
      "strokeDasharray": ""
    },
    "measureAxis": true,
    "axisInkPadding": 12,
    "leftLabelOverflow": 0,
    "axisProportionalNumbers": true,
    "domain": {
      "padding": 0.15,
      "nice": true,
      "boundedPercent": false
    },
    "format": {
      "values": "number",
      "axis": "value",
      "compactDecimals": 0
    },
    "colors": {
      "primary": "#112c47",
      "hover": "#1f6f82",
      "stem": "#4b8596",
      "series": {
        "spend": "#c7bfae",
        "arr": "#112c47"
      }
    },
    "stemOpacity": 0.8,
    "labelOffset": 7,
    "labelFit": "ranked",
    "percentLabels": {
      "minimumSize": 26,
      "characterWidth": 9,
      "color": "auto",
      "suffix": "%"
    },
    "overlays": {
      "tooltipDecimals": 1,
      "overlap": {
        "widths": {
          "spend": 1,
          "arr": 0.7
        }
      },
      "insetLegend": {
        "y": -16,
        "fontSize": 11,
        "fontFamily": "'Inter', system-ui, -apple-system, sans-serif",
        "color": "#2a2a2a",
        "swatch": 8,
        "gap": 16,
        "labelGap": 3,
        "measurement": "glyph-advances",
        "characterWidth": 6
      },
      "edgePair": false,
      "seriesOpacity": {
        "spend": 0.5,
        "arr": 0.85
      },
      "lines": {
        "ratio": {
          "color": "#ac7a2a",
          "dash": "",
          "lineCap": "round",
          "curve": "monotone",
          "pointFill": "#ac7a2a",
          "pointStroke": "#ffffff",
          "pointStrokeWidth": 2,
          "lastLabel": {
            "halo": 3,
            "dy": -14,
            "color": "#0d0d0d",
            "fontSize": 12,
            "fontFamily": "'Inter', system-ui, -apple-system, sans-serif",
            "fontWeight": 700,
            "suffix": "x"
          },
          "legendShape": "line-dot"
        }
      },
      "rightAxis": {
        "domain": null,
        "padding": 0.15,
        "nice": true,
        "decimals": 1,
        "trim": false,
        "prefix": "",
        "suffix": "x",
        "measurementDx": "0em"
      },
      "references": [
        {
          "axis": "ratio",
          "value": 0.75,
          "color": "#1f5a3d",
          "width": 1,
          "dash": "6,4",
          "label": {
            "dx": 4,
            "fontSize": 9,
            "fontFamily": "'Inter', system-ui, -apple-system, sans-serif",
            "fontWeight": 500,
            "decimals": 2,
            "suffix": ""
          }
        },
        {
          "axis": "ratio",
          "value": 1,
          "color": "#1f6f82",
          "width": 1,
          "dash": "6,4"
        }
      ],
      "legend": {
        "container": "flow",
        "order": "before",
        "keys": [
          "arr",
          "spend",
          "ratio"
        ],
        "labels": {
          "arr": "Net New ARR",
          "spend": "S&M Spend",
          "ratio": "Magic Number"
        }
      }
    },
    "legend": {
      "position": "top",
      "exportMeasurement": "glyph-advances"
    }
  },
  "version": "xarts.bars/1",
  "family": "bars",
  "provenance": {
    "legacyId": "magicnumber"
  },
  "data": {
    "unit": "$M",
    "rows": [
      {
        "quarter": "Q1 '24",
        "netNewARR": 3.2,
        "smSpend": 5.1
      },
      {
        "quarter": "Q2 '24",
        "netNewARR": 3.8,
        "smSpend": 5.3
      },
      {
        "quarter": "Q3 '24",
        "netNewARR": 4.5,
        "smSpend": 5.6
      },
      {
        "quarter": "Q4 '24",
        "netNewARR": 5.1,
        "smSpend": 5.9
      },
      {
        "quarter": "Q1 '25",
        "netNewARR": 4.8,
        "smSpend": 6.2
      },
      {
        "quarter": "Q2 '25",
        "netNewARR": 5.6,
        "smSpend": 6.5
      },
      {
        "quarter": "Q3 '25",
        "netNewARR": 6.3,
        "smSpend": 6.8
      },
      {
        "quarter": "Q4 '25",
        "netNewARR": 7.2,
        "smSpend": 7.1
      }
    ]
  },
  "encoding": {
    "category": "quarter",
    "columns": [
      {
        "field": "smSpend",
        "series": "spend"
      },
      {
        "field": "netNewARR",
        "series": "arr"
      }
    ]
  },
  "calculation": {
    "normalize": "none",
    "negative": "reject",
    "duplicates": "reject",
    "order": "input"
  },
  "layout": {
    "orientation": "vertical",
    "arrangement": "grouped",
    "seriesOrder": [
      "spend",
      "arr"
    ],
    "bandPadding": 0.25,
    "groupPadding": 0.05
  },
  "marks": {
    "colorMap": {},
    "radius": 0,
    "opacity": 1,
    "colorBy": "series",
    "geometry": "bar"
  },
  "labels": {
    "visible": false,
    "segments": false,
    "decimals": 0,
    "divisor": 1,
    "prefix": "$",
    "suffix": "M",
    "fontSize": 13,
    "totals": false,
    "totalsValue": "source"
  },
  "axes": {
    "valueTitle": "",
    "grid": true,
    "ticks": 5,
    "ratio": {
      "title": "Magic Number",
      "minimumMax": 1.4,
      "decimals": 1
    }
  },
  "legend": {
    "visible": true
  },
  "target": {
    "visible": false,
    "label": "Target"
  },
  "lines": [
    {
      "denominatorLag": 1,
      "initialDenominators": [
        4.8
      ],
      "multiplier": 1,
      "id": "ratio",
      "label": "Magic Number",
      "measure": "ratio",
      "axis": "ratio",
      "numerator": [
        "arr"
      ],
      "denominator": [
        "spend"
      ],
      "zeroDenominator": "gap",
      "color": "series-1",
      "width": 2.5,
      "points": true,
      "radius": 4,
      "decimals": 2
    }
  ],
  "annotations": [],
  "document": {
    "textOverflow": "preserve",
    "header": {
      "title": "Sales Efficiency",
      "subtitle": "Quarterly net new ARR against sales and marketing spend"
    },
    "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": "magicnumber",
    "embedSpec": true,
    "geometryDecimals": 2
  }
}