Due 13 Feb 2018

Using the code from class as a starting point, write a p5.js sketch that consumes data from a JSON URL and visualizes it/does something interesting with it.

  1. Download p5.js and extract it
  2. Copy the empty-example to start a new project. Give the new folder a new unique name.
  3. Pick an API from this list to pull data from. Make sure to pick an API where Auth is No. We will talk about authentication next week.
  4. Make a visualization of the data by connecting values you extract from the JSON to values that affect your sketch in p5.

Remember to look at the JSON in your browser to make sense of its structure. This is part of the benefit of a readable serialization format. Read up on JSON's syntax and data types. They map more or less to JavaScript syntax and data types.

If you're totally stuck on what to draw, try hacking some networking code into an existing p5 example. Something simple like shapes, points and lines, or primitives is an OK place to start.

Next week we will look at web APIs that require authentication, so if you have any you are interested bring them to class as well.