{
  "version": "xarts.ordered-series/1",
  "family": "ordered-series",
  "operation": "layered-series",
  "provenance": {
    "legacyId": "stackedarea"
  },
  "data": {
    "rows": [
      {
        "Month": "2025-01",
        "Direct": 12000,
        "Organic": 18000,
        "Social": 8000,
        "Referral": 5000,
        "Total": 43000
      },
      {
        "Month": "2025-02",
        "Direct": 13500,
        "Organic": 19500,
        "Social": 8500,
        "Referral": 5500,
        "Total": 47000
      },
      {
        "Month": "2025-03",
        "Direct": 14200,
        "Organic": 21000,
        "Social": 9200,
        "Referral": 6000,
        "Total": 50400
      },
      {
        "Month": "2025-04",
        "Direct": 15000,
        "Organic": 22500,
        "Social": 10000,
        "Referral": 6500,
        "Total": 54000
      },
      {
        "Month": "2025-05",
        "Direct": 16500,
        "Organic": 24000,
        "Social": 11000,
        "Referral": 7000,
        "Total": 58500
      },
      {
        "Month": "2025-06",
        "Direct": 18000,
        "Organic": 26000,
        "Social": 12500,
        "Referral": 7500,
        "Total": 64000
      },
      {
        "Month": "2025-07",
        "Direct": 19500,
        "Organic": 28000,
        "Social": 13500,
        "Referral": 8000,
        "Total": 69000
      },
      {
        "Month": "2025-08",
        "Direct": 21000,
        "Organic": 30000,
        "Social": 14000,
        "Referral": 8500,
        "Total": 73500
      },
      {
        "Month": "2025-09",
        "Direct": 22500,
        "Organic": 32000,
        "Social": 15000,
        "Referral": 9000,
        "Total": 78500
      },
      {
        "Month": "2025-10",
        "Direct": 24000,
        "Organic": 34000,
        "Social": 16000,
        "Referral": 9500,
        "Total": 83500
      },
      {
        "Month": "2025-11",
        "Direct": 25500,
        "Organic": 36000,
        "Social": 17000,
        "Referral": 10000,
        "Total": 88500
      },
      {
        "Month": "2025-12",
        "Direct": 27000,
        "Organic": 38000,
        "Social": 18000,
        "Referral": 10500,
        "Total": 93500
      }
    ]
  },
  "encoding": {
    "x": "Month",
    "series": [
      {
        "id": "series-1",
        "field": "Direct",
        "label": "Direct",
        "unit": "visitas",
        "color": "blue",
        "opacity": 0.7
      },
      {
        "id": "series-2",
        "field": "Organic",
        "label": "Organic",
        "unit": "visitas",
        "color": "rose",
        "opacity": 0.7
      },
      {
        "id": "series-3",
        "field": "Social",
        "label": "Social",
        "unit": "visitas",
        "color": "cyan",
        "opacity": 0.7
      },
      {
        "id": "series-4",
        "field": "Referral",
        "label": "Referral",
        "unit": "visitas",
        "color": "red",
        "opacity": 0.7
      }
    ]
  },
  "calculation": {
    "kind": "stack",
    "coordinate": "utc-month",
    "order": "coordinate-ascending",
    "missing": "reject",
    "quantity": "provided-observations",
    "stackOrder": "input",
    "offset": "zero",
    "normalization": "absolute",
    "zeroTotal": "all-zero",
    "total": {
      "field": "Total",
      "tolerance": 0.000001
    },
    "headroom": 0.05,
    "nice": true
  },
  "profile": {
    "view": "stacked-area",
    "frame": {
      "xInset": 14,
      "axisInkPadding": 16,
      "legendHeight": 52,
      "zoom": true,
      "zoomReference": "full-data-stack-and-domain",
      "clip": "none",
      "strokeJoin": "round",
      "axisTitle": "Visitas",
      "axisTitleColor": "#2a2a2a",
      "axisTextColor": "#3d3d3d"
    },
    "margin": {
      "top": 40,
      "right": 36,
      "bottom": 80,
      "left": 100
    },
    "measureY": true,
    "pointPadding": 0.5,
    "interpolation": "monotone-x",
    "stroke": "surface",
    "strokeWidth": 0,
    "legend": {
      "visible": true,
      "position": "bottom"
    },
    "axes": {
      "xTicks": 6,
      "adaptiveX": true,
      "pixelsPerTick": 80,
      "yTicks": 5,
      "yFormat": "divisor",
      "divisor": 1000,
      "decimals": 0,
      "prefix": "",
      "suffix": "k"
    },
    "exportMeasurement": "glyph-advances"
  },
  "annotations": [],
  "document": {
    "textOverflow": "preserve",
    "header": {
      "title": "Traffic Sources",
      "subtitle": "Website traffic composition over time"
    },
    "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": 600
    },
    "locale": "en-US",
    "fonts": "reference",
    "surface": "theme",
    "framePadding": 24
  },
  "output": {
    "filename": "stackedarea",
    "embedSpec": true,
    "geometryDecimals": 2
  }
}