{
  "slug": "why-bubble-wrap-changed-packaging",
  "version": 1,
  "layout": "comparison",
  "nodes": [
    {
      "id": "n1",
      "type": "package",
      "label": "Fragile Item",
      "x": 64,
      "y": 80,
      "w": 155,
      "h": 155
    },
    {
      "id": "n2",
      "type": "zone",
      "label": "Air Pockets",
      "x": 332,
      "y": 80,
      "w": 155,
      "h": 155,
      "detail": "grid of bubbles"
    },
    {
      "id": "n3",
      "type": "package",
      "label": "Delivered Intact",
      "x": 334,
      "y": 259,
      "w": 78,
      "h": 78
    }
  ],
  "relationships": [
    {
      "from": "n1",
      "to": "n2",
      "label": "wrapped in"
    },
    {
      "from": "n2",
      "to": "n3",
      "label": "cushions"
    }
  ],
  "summary": "A grid of sealed air pockets absorbs impact energy, protecting fragile goods during transit.",
  "mechanism": "air-cushion-protection",
  "fig": "FIG. / THE WALLPAPER THAT PROTECTED THINGS",
  "animation": {
    "style": "reveal",
    "duration": 600,
    "stagger": 60
  },
  "presentation": {
    "style": "vignette",
    "hero": "n1",
    "support": [
      "n3"
    ],
    "icon": "package",
    "label": "Fragile Item",
    "tilt": 0
  },
  "illustration": {
    "concept": "Fragile vase sits protected inside a sheet of bubble-wrap whose air pockets absorb impact arrows from all sides",
    "paths": [
      {
        "d": "M 98,60 L 502,60 Q 510,60 510,68 L 510,312 Q 510,320 502,320 L 98,320 Q 90,320 90,312 L 90,68 Q 90,60 98,60 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 118,74 C 126.8368,74 134,81.1632 134,90 C 134,98.8368 126.8368,106 118,106 C 109.1632,106 102,98.8368 102,90 C 102,81.1632 109.1632,74 118,74 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 166,74 C 174.8368,74 182,81.1632 182,90 C 182,98.8368 174.8368,106 166,106 C 157.1632,106 150,98.8368 150,90 C 150,81.1632 157.1632,74 166,74 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 214,74 C 222.8368,74 230,81.1632 230,90 C 230,98.8368 222.8368,106 214,106 C 205.1632,106 198,98.8368 198,90 C 198,81.1632 205.1632,74 214,74 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 262,74 C 270.8368,74 278,81.1632 278,90 C 278,98.8368 270.8368,106 262,106 C 253.1632,106 246,98.8368 246,90 C 246,81.1632 253.1632,74 262,74 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 310,74 C 318.8368,74 326,81.1632 326,90 C 326,98.8368 318.8368,106 310,106 C 301.1632,106 294,98.8368 294,90 C 294,81.1632 301.1632,74 310,74 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 358,74 C 366.8368,74 374,81.1632 374,90 C 374,98.8368 366.8368,106 358,106 C 349.1632,106 342,98.8368 342,90 C 342,81.1632 349.1632,74 358,74 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 406,74 C 414.8368,74 422,81.1632 422,90 C 422,98.8368 414.8368,106 406,106 C 397.1632,106 390,98.8368 390,90 C 390,81.1632 397.1632,74 406,74 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 454,74 C 462.8368,74 470,81.1632 470,90 C 470,98.8368 462.8368,106 454,106 C 445.1632,106 438,98.8368 438,90 C 438,81.1632 445.1632,74 454,74 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 142,118 C 150.8368,118 158,125.1632 158,134 C 158,142.8368 150.8368,150 142,150 C 133.1632,150 126,142.8368 126,134 C 126,125.1632 133.1632,118 142,118 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 190,118 C 198.8368,118 206,125.1632 206,134 C 206,142.8368 198.8368,150 190,150 C 181.1632,150 174,142.8368 174,134 C 174,125.1632 181.1632,118 190,118 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 238,118 C 246.8368,118 254,125.1632 254,134 C 254,142.8368 246.8368,150 238,150 C 229.1632,150 222,142.8368 222,134 C 222,125.1632 229.1632,118 238,118 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 286,118 C 294.8368,118 302,125.1632 302,134 C 302,142.8368 294.8368,150 286,150 C 277.1632,150 270,142.8368 270,134 C 270,125.1632 277.1632,118 286,118 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 334,118 C 342.8368,118 350,125.1632 350,134 C 350,142.8368 342.8368,150 334,150 C 325.1632,150 318,142.8368 318,134 C 318,125.1632 325.1632,118 334,118 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 382,118 C 390.8368,118 398,125.1632 398,134 C 398,142.8368 390.8368,150 382,150 C 373.1632,150 366,142.8368 366,134 C 366,125.1632 373.1632,118 382,118 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 430,118 C 438.8368,118 446,125.1632 446,134 C 446,142.8368 438.8368,150 430,150 C 421.1632,150 414,142.8368 414,134 C 414,125.1632 421.1632,118 430,118 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 478,118 C 486.8368,118 494,125.1632 494,134 C 494,142.8368 486.8368,150 478,150 C 469.1632,150 462,142.8368 462,134 C 462,125.1632 469.1632,118 478,118 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 118,162 C 126.8368,162 134,169.1632 134,178 C 134,186.8368 126.8368,194 118,194 C 109.1632,194 102,186.8368 102,178 C 102,169.1632 109.1632,162 118,162 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 166,162 C 174.8368,162 182,169.1632 182,178 C 182,186.8368 174.8368,194 166,194 C 157.1632,194 150,186.8368 150,178 C 150,169.1632 157.1632,162 166,162 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 214,162 C 222.8368,162 230,169.1632 230,178 C 230,186.8368 222.8368,194 214,194 C 205.1632,194 198,186.8368 198,178 C 198,169.1632 205.1632,162 214,162 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 262,162 C 270.8368,162 278,169.1632 278,178 C 278,186.8368 270.8368,194 262,194 C 253.1632,194 246,186.8368 246,178 C 246,169.1632 253.1632,162 262,162 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 310,162 C 318.8368,162 326,169.1632 326,178 C 326,186.8368 318.8368,194 310,194 C 301.1632,194 294,186.8368 294,178 C 294,169.1632 301.1632,162 310,162 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 358,162 C 366.8368,162 374,169.1632 374,178 C 374,186.8368 366.8368,194 358,194 C 349.1632,194 342,186.8368 342,178 C 342,169.1632 349.1632,162 358,162 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 406,162 C 414.8368,162 422,169.1632 422,178 C 422,186.8368 414.8368,194 406,194 C 397.1632,194 390,186.8368 390,178 C 390,169.1632 397.1632,162 406,162 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 454,162 C 462.8368,162 470,169.1632 470,178 C 470,186.8368 462.8368,194 454,194 C 445.1632,194 438,186.8368 438,178 C 438,169.1632 445.1632,162 454,162 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 142,206 C 150.8368,206 158,213.1632 158,222 C 158,230.8368 150.8368,238 142,238 C 133.1632,238 126,230.8368 126,222 C 126,213.1632 133.1632,206 142,206 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 190,206 C 198.8368,206 206,213.1632 206,222 C 206,230.8368 198.8368,238 190,238 C 181.1632,238 174,230.8368 174,222 C 174,213.1632 181.1632,206 190,206 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 238,206 C 246.8368,206 254,213.1632 254,222 C 254,230.8368 246.8368,238 238,238 C 229.1632,238 222,230.8368 222,222 C 222,213.1632 229.1632,206 238,206 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 286,206 C 294.8368,206 302,213.1632 302,222 C 302,230.8368 294.8368,238 286,238 C 277.1632,238 270,230.8368 270,222 C 270,213.1632 277.1632,206 286,206 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 334,206 C 342.8368,206 350,213.1632 350,222 C 350,230.8368 342.8368,238 334,238 C 325.1632,238 318,230.8368 318,222 C 318,213.1632 325.1632,206 334,206 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 382,206 C 390.8368,206 398,213.1632 398,222 C 398,230.8368 390.8368,238 382,238 C 373.1632,238 366,230.8368 366,222 C 366,213.1632 373.1632,206 382,206 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 430,206 C 438.8368,206 446,213.1632 446,222 C 446,230.8368 438.8368,238 430,238 C 421.1632,238 414,230.8368 414,222 C 414,213.1632 421.1632,206 430,206 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 478,206 C 486.8368,206 494,213.1632 494,222 C 494,230.8368 486.8368,238 478,238 C 469.1632,238 462,230.8368 462,222 C 462,213.1632 469.1632,206 478,206 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 118,250 C 126.8368,250 134,257.1632 134,266 C 134,274.8368 126.8368,282 118,282 C 109.1632,282 102,274.8368 102,266 C 102,257.1632 109.1632,250 118,250 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 166,250 C 174.8368,250 182,257.1632 182,266 C 182,274.8368 174.8368,282 166,282 C 157.1632,282 150,274.8368 150,266 C 150,257.1632 157.1632,250 166,250 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 214,250 C 222.8368,250 230,257.1632 230,266 C 230,274.8368 222.8368,282 214,282 C 205.1632,282 198,274.8368 198,266 C 198,257.1632 205.1632,250 214,250 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 262,250 C 270.8368,250 278,257.1632 278,266 C 278,274.8368 270.8368,282 262,282 C 253.1632,282 246,274.8368 246,266 C 246,257.1632 253.1632,250 262,250 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 310,250 C 318.8368,250 326,257.1632 326,266 C 326,274.8368 318.8368,282 310,282 C 301.1632,282 294,274.8368 294,266 C 294,257.1632 301.1632,250 310,250 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 358,250 C 366.8368,250 374,257.1632 374,266 C 374,274.8368 366.8368,282 358,282 C 349.1632,282 342,274.8368 342,266 C 342,257.1632 349.1632,250 358,250 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 406,250 C 414.8368,250 422,257.1632 422,266 C 422,274.8368 414.8368,282 406,282 C 397.1632,282 390,274.8368 390,266 C 390,257.1632 397.1632,250 406,250 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 454,250 C 462.8368,250 470,257.1632 470,266 C 470,274.8368 462.8368,282 454,282 C 445.1632,282 438,274.8368 438,266 C 438,257.1632 445.1632,250 454,250 Z",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 270,100 C 310,100 330,140 325,190 C 335,240 310,275 300,290 L 240,290 C 230,275 205,240 215,190 C 210,140 230,100 270,100 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 270,100 C 310,100 330,140 325,190 C 335,240 310,275 300,290 L 240,290 C 230,275 205,240 215,190 C 210,140 230,100 270,100 Z",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 58,175 L 88,175 M 78.0,179.0 L 88,175 L 78.0,171.0",
        "fill": "none",
        "weight": 3,
        "motion": "draw"
      },
      {
        "d": "M 542,175 L 512,175 M 522.0,171.0 L 512,175 L 522.0,179.0",
        "fill": "none",
        "weight": 3,
        "motion": "draw"
      },
      {
        "d": "M 300,348 L 300,322 M 304.0,332.0 L 300,322 L 296.0,332.0",
        "fill": "none",
        "weight": 3,
        "motion": "draw"
      }
    ]
  }
}
