{
  "slug": "why-commercial-zoning-separated-uses",
  "version": 1,
  "layout": "comparison",
  "nodes": [
    {
      "id": "n1",
      "type": "map-block",
      "label": "Residential",
      "x": 56,
      "y": 96,
      "w": 155,
      "h": 155,
      "detail": "homes"
    },
    {
      "id": "n2",
      "type": "divider",
      "label": "Zoning Law",
      "x": 267,
      "y": 112,
      "w": 24,
      "h": 140
    },
    {
      "id": "n3",
      "type": "map-block",
      "label": "Commercial",
      "x": 326,
      "y": 96,
      "w": 155,
      "h": 155,
      "detail": "shops"
    },
    {
      "id": "n4",
      "type": "map-block",
      "label": "Industrial",
      "x": 336,
      "y": 275,
      "w": 78,
      "h": 78,
      "detail": "factories"
    }
  ],
  "relationships": [
    {
      "from": "n1",
      "to": "n3",
      "label": "separated from"
    },
    {
      "from": "n1",
      "to": "n4",
      "label": "separated from"
    }
  ],
  "summary": "A city map divided by law into residential, commercial and industrial zones, keeping uses apart.",
  "mechanism": "regulatory-land-separation",
  "fig": "FIG. / THE RULE THAT SAID WHAT GOES WHERE",
  "animation": {
    "style": "reveal",
    "duration": 600,
    "stagger": 60
  },
  "presentation": {
    "style": "vignette",
    "hero": "n3",
    "support": [
      "n1"
    ],
    "icon": "map-block",
    "label": "Commercial",
    "tilt": 0
  },
  "illustration": {
    "concept": "City block divided by zoning lines into residential (houses left), industrial (factory with chimney centre), and commercial (shopfront right) zones",
    "paths": [
      {
        "d": "M 45,310 L 565,310",
        "fill": "none",
        "weight": 3,
        "motion": "still"
      },
      {
        "d": "M 225,55 L 225,310",
        "fill": "none",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 385,55 L 385,310",
        "fill": "none",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 50,80 L 220,80",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,100 L 220,100",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,120 L 220,120",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,140 L 220,140",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,160 L 220,160",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,180 L 220,180",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,200 L 220,200",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,220 L 220,220",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,240 L 220,240",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,260 L 220,260",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,280 L 220,280",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 50,300 L 220,300",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      },
      {
        "d": "M 68,220 L 137,220 Q 140,220 140,223 L 140,307 Q 140,310 137,310 L 68,310 Q 65,310 65,307 L 65,223 Q 65,220 68,220 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 60,220 L 102,178 L 145,220",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 92,265 L 113,265 Q 115,265 115,267 L 115,308 Q 115,310 113,310 L 92,310 Q 90,310 90,308 L 90,267 Q 90,265 92,265 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 133,220 L 202,220 Q 205,220 205,223 L 205,307 Q 205,310 202,310 L 133,310 Q 130,310 130,307 L 130,223 Q 130,220 133,220 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 125,220 L 167,178 L 210,220",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 157,265 L 178,265 Q 180,265 180,267 L 180,308 Q 180,310 178,310 L 157,310 Q 155,310 155,308 L 155,267 Q 155,265 157,265 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 243,190 L 367,190 Q 370,190 370,193 L 370,307 Q 370,310 367,310 L 243,310 Q 240,310 240,307 L 240,193 Q 240,190 243,190 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 270,155 L 294,155 Q 296,155 296,157 L 296,193 Q 296,195 294,195 L 270,195 Q 268,195 268,193 L 268,157 Q 268,155 270,155 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 318,155 L 342,155 Q 344,155 344,157 L 344,193 Q 344,195 342,195 L 318,195 Q 316,195 316,193 L 316,157 Q 316,155 318,155 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 284,118 L 300,118 Q 302,118 302,120 L 302,158 Q 302,160 300,160 L 284,160 Q 282,160 282,158 L 282,120 Q 282,118 284,118 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 292,88 C 298.6276,88 304,93.3724 304,100 C 304,106.6276 298.6276,112 292,112 C 285.3724,112 280,106.6276 280,100 C 280,93.3724 285.3724,88 292,88 Z",
        "fill": "none",
        "weight": 2,
        "motion": "lift"
      },
      {
        "d": "M 286,73 C 290.9707,73 295,77.0293 295,82 C 295,86.9707 290.9707,91 286,91 C 281.0293,91 277,86.9707 277,82 C 277,77.0293 281.0293,73 286,73 Z",
        "fill": "none",
        "weight": 2,
        "motion": "lift"
      },
      {
        "d": "M 403,210 L 537,210 Q 540,210 540,213 L 540,307 Q 540,310 537,310 L 403,310 Q 400,310 400,307 L 400,213 Q 400,210 403,210 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 395,210 L 465,188 L 545,210",
        "fill": "none",
        "weight": 2.5,
        "motion": "still"
      },
      {
        "d": "M 417,240 L 523,240 Q 525,240 525,242 L 525,278 Q 525,280 523,280 L 417,280 Q 415,280 415,278 L 415,242 Q 415,240 417,240 Z",
        "fill": "paper",
        "weight": 4,
        "motion": "still"
      },
      {
        "d": "M 470,240 L 470,280",
        "fill": "none",
        "weight": 2,
        "motion": "still"
      }
    ]
  }
}