{
  "orthogonal": {
    "margin": {
      "top": 24,
      "right": 20,
      "bottom": 56,
      "left": 48
    },
    "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": 0,
    "leftLabelOverflow": 0,
    "axisProportionalNumbers": true,
    "domain": {
      "padding": 0.15,
      "nice": true,
      "boundedPercent": false
    },
    "format": {
      "values": "magnitude",
      "axis": "value",
      "compactDecimals": 0
    },
    "colors": {
      "primary": "#112c47",
      "hover": "#112c47",
      "stem": "#4b8596",
      "series": {
        "Actual": "#112c47",
        "Budget": "#1f6f82",
        "Forecast": "#1f5a3d"
      }
    },
    "stemOpacity": 0.8,
    "labelOffset": 7,
    "labelFit": "ranked",
    "percentLabels": {
      "minimumSize": 26,
      "characterWidth": 9,
      "color": "auto",
      "suffix": "%"
    },
    "legend": {
      "position": "right"
    }
  },
  "version": "xarts.bars/1",
  "family": "bars",
  "provenance": {
    "legacyId": "groupedbar"
  },
  "data": {
    "rows": [
      {
        "Region": "North America",
        "Actual": 4200,
        "Budget": 4000,
        "Forecast": 4500
      },
      {
        "Region": "Europe",
        "Actual": 3800,
        "Budget": 3600,
        "Forecast": 4000
      },
      {
        "Region": "Asia Pacific",
        "Actual": 5100,
        "Budget": 4800,
        "Forecast": 5500
      },
      {
        "Region": "Latin America",
        "Actual": 2400,
        "Budget": 2600,
        "Forecast": 2800
      },
      {
        "Region": "Middle East",
        "Actual": 1900,
        "Budget": 2000,
        "Forecast": 2200
      },
      {
        "Region": "Africa",
        "Actual": 1600,
        "Budget": 1800,
        "Forecast": 2000
      }
    ]
  },
  "encoding": {
    "category": "Region",
    "columns": [
      {
        "field": "Actual",
        "series": "Actual"
      },
      {
        "field": "Budget",
        "series": "Budget"
      },
      {
        "field": "Forecast",
        "series": "Forecast"
      }
    ]
  },
  "calculation": {
    "normalize": "none",
    "negative": "diverge",
    "duplicates": "reject"
  },
  "layout": {
    "orientation": "vertical",
    "arrangement": "grouped",
    "seriesOrder": [
      "Actual",
      "Budget",
      "Forecast"
    ],
    "bandPadding": 0.2,
    "groupPadding": 0.1
  },
  "marks": {
    "colorMap": {},
    "radius": 0,
    "opacity": 0.9,
    "colorBy": "series",
    "geometry": "bar"
  },
  "labels": {
    "visible": false,
    "segments": false,
    "decimals": 0,
    "divisor": 1,
    "prefix": "$",
    "suffix": "",
    "fontSize": 13,
    "totals": false,
    "totalsValue": "source"
  },
  "axes": {
    "valueTitle": "",
    "grid": true,
    "ticks": 5
  },
  "legend": {
    "visible": true
  },
  "target": {
    "visible": false,
    "label": "Budget"
  },
  "annotations": [],
  "document": {
    "header": {
      "title": "Regional Performance",
      "subtitle": "Actual vs budget vs forecast by region"
    },
    "footer": {
      "source": "xarts · demo data",
      "notes": "Illustrative data to explore the chart and replace with your own."
    },
    "spacing": {
      "horizontalPadding": 24,
      "topPadding": 22,
      "bottomPadding": 24,
      "minimumTextGap": 6
    }
  },
  "presentation": {
    "theme": "anlak",
    "dimensions": {
      "width": 800,
      "height": 500
    },
    "locale": "en-US",
    "fonts": "reference",
    "surface": "theme",
    "framePadding": 24
  },
  "output": {
    "filename": "groupedbar",
    "embedSpec": true,
    "geometryDecimals": 2
  }
}