{
  "surface_id": "surface-tick-slider",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "dataModelUpdate": {
          "surfaceId": "surface-tick-slider",
          "contents": [
            {
              "key": "progress",
              "valueNumber": 37
            },
            {
              "key": "goal",
              "valueNumber": 100
            }
          ]
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "surface-tick-slider",
          "components": [
            {
              "id": "root",
              "component": {
                "TickSlider": {
                  "value": {
                    "path": "/progress"
                  },
                  "max": {
                    "path": "/goal"
                  }
                }
              }
            }
          ]
        }
      },
      {
        "beginRendering": {
          "root": "root",
          "surfaceId": "surface-tick-slider"
        }
      }
    ]
  }
}