{
  "slug": "why-the-pay-stub-documented-earnings",
  "version": 1,
  "layout": "flow",
  "nodes": [
    {
      "id": "n1",
      "type": "clock",
      "label": "Hours Worked",
      "x": 61,
      "y": 76,
      "w": 162,
      "h": 162
    },
    {
      "id": "n2",
      "type": "calculator",
      "label": "Payroll Calc",
      "x": 284,
      "y": 76,
      "w": 82,
      "h": 82,
      "detail": "rate × hours − deductions"
    },
    {
      "id": "n3",
      "type": "document",
      "label": "Pay Stub",
      "x": 284,
      "y": 194,
      "w": 82,
      "h": 82,
      "detail": "gross/net/deductions"
    },
    {
      "id": "n4",
      "type": "person",
      "label": "Employee",
      "x": 284,
      "y": 300,
      "w": 82,
      "h": 82
    }
  ],
  "relationships": [
    {
      "from": "n1",
      "to": "n2",
      "label": "input to"
    },
    {
      "from": "n2",
      "to": "n3",
      "label": "produces"
    },
    {
      "from": "n3",
      "to": "n4",
      "label": "issued to"
    }
  ],
  "summary": "Hours multiplied by rate minus deductions produces gross and net figures documented on a stub.",
  "mechanism": "payroll-calculation-documentation",
  "fig": "FIG. / THE PIECE OF PAPER THAT SAID WHAT WAS EARNED",
  "animation": {
    "style": "assemble",
    "duration": 700,
    "stagger": 60
  },
  "presentation": {
    "style": "vignette",
    "hero": "n3",
    "support": [
      "n1",
      "n2"
    ],
    "icon": "receipt",
    "label": "Receipt",
    "tilt": 0
  },
  "illustration": {
    "concept": "Pay envelope with flap; perforated tear line separates detachable stub showing hours, rate, gross pay, deductions, and net pay columns",
    "paths": [
      {
        "d": "M 61,75 L 369,75 Q 375,75 375,81 L 375,269 Q 375,275 369,275 L 61,275 Q 55,275 55,269 L 55,81 Q 55,75 61,75 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 55,75 L 215,155 L 375,75",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 55,250 L 375,250",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 65,248 L 73,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 81,248 L 89,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 97,248 L 105,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 113,248 L 121,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 129,248 L 137,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 145,248 L 153,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 161,248 L 169,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 177,248 L 185,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 193,248 L 201,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 209,248 L 217,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 225,248 L 233,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 241,248 L 249,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 257,248 L 265,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 273,248 L 281,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 289,248 L 297,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 305,248 L 313,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 321,248 L 329,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 337,248 L 345,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 353,248 L 361,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 369,248 L 377,248",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 59,250 L 371,250 Q 375,250 375,254 L 375,336 Q 375,340 371,340 L 59,340 Q 55,340 55,336 L 55,254 Q 55,250 59,250 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 55,278 L 375,278",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 115,250 L 115,340",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 175,250 L 175,340",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 235,250 L 235,340",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 295,250 L 295,340",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 60,255 L 110,255 Q 112,255 112,257 L 112,273 Q 112,275 110,275 L 60,275 Q 58,275 58,273 L 58,257 Q 58,255 60,255 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 120,255 L 170,255 Q 172,255 172,257 L 172,273 Q 172,275 170,275 L 120,275 Q 118,275 118,273 L 118,257 Q 118,255 120,255 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 180,255 L 230,255 Q 232,255 232,257 L 232,273 Q 232,275 230,275 L 180,275 Q 178,275 178,273 L 178,257 Q 178,255 180,255 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 240,255 L 290,255 Q 292,255 292,257 L 292,273 Q 292,275 290,275 L 240,275 Q 238,275 238,273 L 238,257 Q 238,255 240,255 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 300,255 L 370,255 Q 372,255 372,257 L 372,273 Q 372,275 370,275 L 300,275 Q 298,275 298,273 L 298,257 Q 298,255 300,255 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 60,283 L 107,283",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 120,283 L 167,283",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 180,283 L 227,283",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 240,283 L 287,283",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 300,283 L 367,283",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 60,301 L 107,301",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 120,301 L 167,301",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 180,301 L 227,301",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 240,301 L 287,301",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 300,301 L 367,301",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 60,319 L 107,319",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 120,319 L 167,319",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 180,319 L 227,319",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 240,319 L 287,319",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 300,319 L 367,319",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 295,328 L 372,328",
        "fill": "none",
        "weight": 3,
        "motion": "pulse"
      },
      {
        "d": "M 55,328 L 295,328",
        "fill": "none",
        "weight": 2,
        "motion": "pulse"
      }
    ]
  }
}