Meet JSON

JSON stands for “JavaScript Object Notation”, but if it helps you can pretend it stands for “Just Slurping On Noodles”.

Here’s an example:

{
    "colours": {
<Slide src={title} alt="JSON" />
      "sauce": "#ce5b41",
      "bun": "#dbd5cd",
      "charcoal": "#403f3d"
    },
    "primes": [
        2, 3, 5, 7, 11
    ]
}

It defines an object that contains two properties, “colours” and “primes”. The “colours” property refers to another object, that has three properties: sauce, bun, and charcoal. The “primes” property refers to an array with a handful of prime numbers.

Learning JSON

• Whet your appetite with this friendly introduction, which includes examples of the basics.
• If you’re interested in using JSON with After Effects, check out Adobe’s intro: Work with Data-driven animation.

Bonus JSON thingies

• Slice and dice JSON like a master chef with jq.
• Visualise complex objects with JSON crack.