{
  "version": "xarts.ordered-series/1",
  "family": "ordered-series",
  "operation": "ordered-observations",
  "provenance": {
    "legacyId": "sparkline"
  },
  "data": {
    "rows": [
      {
        "id": "sparkline-1",
        "x": 1,
        "values": {
          "Revenue": 45000,
          "Users": 12000,
          "Conversion": 3.2,
          "Churn": 5.2,
          "NPS": 42,
          "MRR": 125000
        }
      },
      {
        "id": "sparkline-2",
        "x": 2,
        "values": {
          "Revenue": 48000,
          "Users": 13500,
          "Conversion": 3.5,
          "Churn": 4.9,
          "NPS": 45,
          "MRR": 132000
        }
      },
      {
        "id": "sparkline-3",
        "x": 3,
        "values": {
          "Revenue": 46500,
          "Users": 14200,
          "Conversion": 3.4,
          "Churn": 4.7,
          "NPS": 47,
          "MRR": 138000
        }
      },
      {
        "id": "sparkline-4",
        "x": 4,
        "values": {
          "Revenue": 52000,
          "Users": 15800,
          "Conversion": 3.8,
          "Churn": 4.5,
          "NPS": 48,
          "MRR": 145000
        }
      },
      {
        "id": "sparkline-5",
        "x": 5,
        "values": {
          "Revenue": 55000,
          "Users": 16500,
          "Conversion": 4.1,
          "Churn": 4.2,
          "NPS": 50,
          "MRR": 152000
        }
      },
      {
        "id": "sparkline-6",
        "x": 6,
        "values": {
          "Revenue": 58000,
          "Users": 17200,
          "Conversion": 4.3,
          "Churn": 4,
          "NPS": 52,
          "MRR": 158000
        }
      },
      {
        "id": "sparkline-7",
        "x": 7,
        "values": {
          "Revenue": 57000,
          "Users": 18000,
          "Conversion": 4.2,
          "Churn": 3.9,
          "NPS": 53,
          "MRR": 162000
        }
      },
      {
        "id": "sparkline-8",
        "x": 8,
        "values": {
          "Revenue": 62000,
          "Users": 19500,
          "Conversion": 4.5,
          "Churn": 3.7,
          "NPS": 55,
          "MRR": 168000
        }
      },
      {
        "id": "sparkline-9",
        "x": 9,
        "values": {
          "Revenue": 65000,
          "Users": 20800,
          "Conversion": 4.7,
          "Churn": 3.5,
          "NPS": 56,
          "MRR": 175000
        }
      },
      {
        "id": "sparkline-10",
        "x": 10,
        "values": {
          "Revenue": 68000,
          "Users": 21500,
          "Conversion": 4.9,
          "Churn": 3.3,
          "NPS": 58,
          "MRR": 182000
        }
      },
      {
        "id": "sparkline-11",
        "x": 11,
        "values": {
          "Revenue": 70000,
          "Users": 22000,
          "Conversion": 5,
          "Churn": 3.2,
          "NPS": 60,
          "MRR": 188000
        }
      },
      {
        "id": "sparkline-12",
        "x": 12,
        "values": {
          "Revenue": 72000,
          "Users": 23500,
          "Conversion": 5.2,
          "Churn": 3,
          "NPS": 62,
          "MRR": 195000
        }
      }
    ]
  },
  "encoding": {
    "x": "x",
    "values": "values",
    "series": [
      {
        "id": "Revenue",
        "label": "Revenue",
        "unit": "USD",
        "format": {
          "prefix": "$",
          "suffix": "k",
          "divisor": 1000,
          "decimals": 0,
          "style": "number"
        }
      },
      {
        "id": "Users",
        "label": "Users",
        "unit": "count",
        "format": {
          "prefix": "",
          "suffix": "",
          "divisor": 1,
          "decimals": 0,
          "style": "number"
        }
      },
      {
        "id": "Conversion",
        "label": "Conversion",
        "unit": "%",
        "format": {
          "prefix": "",
          "suffix": "",
          "divisor": 1,
          "decimals": 1,
          "style": "percent"
        }
      },
      {
        "id": "Churn",
        "label": "Churn",
        "unit": "%",
        "format": {
          "prefix": "",
          "suffix": "",
          "divisor": 1,
          "decimals": 1,
          "style": "percent"
        }
      },
      {
        "id": "NPS",
        "label": "NPS",
        "unit": "points",
        "format": {
          "prefix": "",
          "suffix": "",
          "divisor": 1,
          "decimals": 0,
          "style": "number"
        }
      },
      {
        "id": "MRR",
        "label": "MRR",
        "unit": "USD",
        "format": {
          "prefix": "$",
          "suffix": "k",
          "divisor": 1000,
          "decimals": 0,
          "style": "number"
        }
      }
    ]
  },
  "calculation": {
    "coordinate": {
      "type": "number",
      "unit": "period"
    },
    "order": "coordinate-asc",
    "duplicates": "reject",
    "missing": "reject",
    "domain": {
      "base": "zero",
      "padding": 0.1
    }
  },
  "layout": {
    "view": "sparkline",
    "profile": {
      "margin": {
        "top": 16,
        "right": 16,
        "bottom": 16,
        "left": 16
      },
      "grid": {
        "rows": 2,
        "cols": 3,
        "gap": 12
      },
      "cell": {
        "padding": {
          "top": 12,
          "right": 12,
          "bottom": 8,
          "left": 12
        },
        "background": "#ffffff",
        "border": "#c7bfae",
        "borderWidth": 1
      },
      "label": {
        "fontSize": 11,
        "fontFamily": "'Inter', system-ui, -apple-system, sans-serif",
        "color": "#2a2a2a",
        "fontWeight": 500
      },
      "value": {
        "fontSize": 18,
        "fontFamily": "'Inter', system-ui, -apple-system, sans-serif",
        "color": "#0d0d0d",
        "fontWeight": 700
      },
      "sparkline": {
        "strokeWidth": 1.5,
        "areaOpacity": 0.1
      },
      "colors": {
        "up": "#1f5a3d",
        "down": "#9c1f1a"
      }
    },
    "domain": {
      "lowerFactor": 0.95,
      "upperFactor": 1.05
    }
  },
  "measurement": {
    "exportText": "glyph-advances",
    "interactiveText": "shaped"
  },
  "marks": {
    "opacity": 1,
    "points": true
  },
  "annotations": [],
  "document": {
    "header": {
      "title": "KPI Trends",
      "subtitle": "Six key metrics over twelve periods"
    },
    "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": "sparkline",
    "embedSpec": true,
    "geometryDecimals": 2
  },
  "presentation": {
    "theme": "anlak",
    "dimensions": {
      "width": 800,
      "height": 480
    },
    "locale": "en-US",
    "fonts": "reference",
    "surface": "theme",
    "framePadding": 24
  }
}