{
  "version": "xarts.cyclic-data/1",
  "family": "cyclic-data",
  "provenance": {
    "legacyId": "spiral"
  },
  "data": {
    "rows": [
      {
        "Date": "2022-01",
        "Month": "Jan",
        "Year": 2022,
        "Web Traffic": 82000
      },
      {
        "Date": "2022-02",
        "Month": "Feb",
        "Year": 2022,
        "Web Traffic": 78000
      },
      {
        "Date": "2022-03",
        "Month": "Mar",
        "Year": 2022,
        "Web Traffic": 85000
      },
      {
        "Date": "2022-04",
        "Month": "Apr",
        "Year": 2022,
        "Web Traffic": 91000
      },
      {
        "Date": "2022-05",
        "Month": "May",
        "Year": 2022,
        "Web Traffic": 95000
      },
      {
        "Date": "2022-06",
        "Month": "Jun",
        "Year": 2022,
        "Web Traffic": 72000
      },
      {
        "Date": "2022-07",
        "Month": "Jul",
        "Year": 2022,
        "Web Traffic": 68000
      },
      {
        "Date": "2022-08",
        "Month": "Aug",
        "Year": 2022,
        "Web Traffic": 70000
      },
      {
        "Date": "2022-09",
        "Month": "Sep",
        "Year": 2022,
        "Web Traffic": 88000
      },
      {
        "Date": "2022-10",
        "Month": "Oct",
        "Year": 2022,
        "Web Traffic": 96000
      },
      {
        "Date": "2022-11",
        "Month": "Nov",
        "Year": 2022,
        "Web Traffic": 102000
      },
      {
        "Date": "2022-12",
        "Month": "Dec",
        "Year": 2022,
        "Web Traffic": 130000
      },
      {
        "Date": "2023-01",
        "Month": "Jan",
        "Year": 2023,
        "Web Traffic": 98000
      },
      {
        "Date": "2023-02",
        "Month": "Feb",
        "Year": 2023,
        "Web Traffic": 94000
      },
      {
        "Date": "2023-03",
        "Month": "Mar",
        "Year": 2023,
        "Web Traffic": 105000
      },
      {
        "Date": "2023-04",
        "Month": "Apr",
        "Year": 2023,
        "Web Traffic": 112000
      },
      {
        "Date": "2023-05",
        "Month": "May",
        "Year": 2023,
        "Web Traffic": 118000
      },
      {
        "Date": "2023-06",
        "Month": "Jun",
        "Year": 2023,
        "Web Traffic": 88000
      },
      {
        "Date": "2023-07",
        "Month": "Jul",
        "Year": 2023,
        "Web Traffic": 84000
      },
      {
        "Date": "2023-08",
        "Month": "Aug",
        "Year": 2023,
        "Web Traffic": 86000
      },
      {
        "Date": "2023-09",
        "Month": "Sep",
        "Year": 2023,
        "Web Traffic": 110000
      },
      {
        "Date": "2023-10",
        "Month": "Oct",
        "Year": 2023,
        "Web Traffic": 121000
      },
      {
        "Date": "2023-11",
        "Month": "Nov",
        "Year": 2023,
        "Web Traffic": 135000
      },
      {
        "Date": "2023-12",
        "Month": "Dec",
        "Year": 2023,
        "Web Traffic": 168000
      },
      {
        "Date": "2024-01",
        "Month": "Jan",
        "Year": 2024,
        "Web Traffic": 120000
      },
      {
        "Date": "2024-02",
        "Month": "Feb",
        "Year": 2024,
        "Web Traffic": 115000
      },
      {
        "Date": "2024-03",
        "Month": "Mar",
        "Year": 2024,
        "Web Traffic": 130000
      },
      {
        "Date": "2024-04",
        "Month": "Apr",
        "Year": 2024,
        "Web Traffic": 140000
      },
      {
        "Date": "2024-05",
        "Month": "May",
        "Year": 2024,
        "Web Traffic": 148000
      },
      {
        "Date": "2024-06",
        "Month": "Jun",
        "Year": 2024,
        "Web Traffic": 108000
      },
      {
        "Date": "2024-07",
        "Month": "Jul",
        "Year": 2024,
        "Web Traffic": 102000
      },
      {
        "Date": "2024-08",
        "Month": "Aug",
        "Year": 2024,
        "Web Traffic": 106000
      },
      {
        "Date": "2024-09",
        "Month": "Sep",
        "Year": 2024,
        "Web Traffic": 138000
      },
      {
        "Date": "2024-10",
        "Month": "Oct",
        "Year": 2024,
        "Web Traffic": 155000
      },
      {
        "Date": "2024-11",
        "Month": "Nov",
        "Year": 2024,
        "Web Traffic": 170000
      },
      {
        "Date": "2024-12",
        "Month": "Dec",
        "Year": 2024,
        "Web Traffic": 198000
      }
    ]
  },
  "phases": [
    "Jan",
    "Feb",
    "Mar",
    "Apr",
    "May",
    "Jun",
    "Jul",
    "Aug",
    "Sep",
    "Oct",
    "Nov",
    "Dec"
  ],
  "annotations": [],
  "document": {
    "header": {
      "title": "Traffic Spiral",
      "subtitle": "3 years of monthly web traffic"
    },
    "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
    }
  },
  "output": {
    "filename": "spiral",
    "embedSpec": true,
    "geometryDecimals": 2
  },
  "presentation": {
    "theme": "anlak",
    "dimensions": {
      "width": 800,
      "height": 480
    },
    "locale": "en-US",
    "fonts": "reference",
    "surface": "theme",
    "framePadding": 24
  },
  "cycles": [
    "2022",
    "2023",
    "2024"
  ],
  "encoding": {
    "phase": "Month",
    "cycle": "Year",
    "cycleFormat": "integer-label",
    "value": "Web Traffic",
    "identity": "Date"
  },
  "operation": "multiple-cycle-spiral",
  "calculation": {
    "order": "cycle-then-phase",
    "missing": "reject-complete-grid",
    "duplicates": "reject",
    "valueDomain": "observed",
    "constantDomain": "midpoint",
    "position": "ordinal-cycle-progress",
    "valueChannels": {
      "color": "linear-rgb",
      "strokeWidth": "linear",
      "segmentValue": "destination-observation"
    }
  },
  "units": {
    "valueLabel": "Web Traffic",
    "valueSuffix": ""
  },
  "layout": {
    "view": "spiral",
    "phaseLabels": "calendar-month-short",
    "startAngleRadians": -1.5707963267948966,
    "direction": "clockwise",
    "padding": 60,
    "baseRadiusRatio": 0.25,
    "radiusGrowthRatio": 0.7,
    "curveBendFactor": 1.02,
    "backgroundExtendSteps": 2,
    "spokePhases": [
      "Jan",
      "Apr",
      "Jul",
      "Oct"
    ],
    "spokePadding": 10,
    "labelOffset": 14
  },
  "marks": {
    "track": true,
    "segments": true,
    "points": true,
    "spokes": true,
    "phaseLabels": true,
    "cycleLabels": true
  },
  "profile": {
    "spiral": {
      "strokeWidthMin": 8,
      "strokeWidthMax": 12,
      "colorLow": "#1f6f82",
      "colorHigh": "#112c47"
    },
    "backgroundSpiral": {
      "stroke": "#c7bfae",
      "strokeOpacity": 0.2,
      "strokeWidth": 10
    },
    "monthLabel": {
      "fill": "#6a6458",
      "fontSize": 9,
      "fontFamily": "'Inter', system-ui, -apple-system, sans-serif",
      "fontWeight": 400
    },
    "yearLabel": {
      "fill": "#0d0d0d",
      "fontSize": 11,
      "fontFamily": "'Inter', system-ui, -apple-system, sans-serif",
      "fontWeight": 600
    },
    "spoke": {
      "stroke": "#c7bfae",
      "strokeOpacity": 0.25,
      "strokeWidth": 1
    },
    "point": {
      "radius": 3,
      "stroke": "#ffffff",
      "strokeWidth": 1
    },
    "cycleHalo": {
      "stroke": "#ffffff",
      "strokeWidth": 3
    }
  }
}