Working with Data

tutorial #10: p5.JS Tutorial

This tutorial focuses on Data and APIs as well as JSON (JavaScript Object Notation). More about asynchronous callbacks and event handling is covered.

#10.1

Introduction to Data and APIs in JavaScript

30 Oct 2015

This video introduces the idea of using external data in a p5.js sketch.

#10.2

What is JSON? - Part I

30 Oct 2015

This video covers JSON (JavaScript Object Notation).

#10.3

What is JSON? - Part II

30 Oct 2015

This video covers additional JSON (JavaScript Object Notation) scenarios.

#10.4

Loading JSON data from a URL (Asynchronous Callbacks!)

30 Oct 2015

This video covers begins the process of working with APIs. The first step is just using a URL instead of a local JSON file.

#10.5

Working with APIs in Javascript

30 Oct 2015

This video demonstrates how to work with an API. The example uses open weather map.

#10.6

API Query with User Input

04 Nov 2015

This video demonstrates how to query an API with input from the user. In other words, the user types in a city to a text input field and the JavaScript program asks the API for the weather in the city and shows it back to the user.

#10.7

API Query with JavaScript setInterval()

04 Nov 2015

This video looks at how to query at API continuously while a p5.js sketch is running using setInterval().

#10.8

Wordnik API and JavaScript

05 Nov 2015

This video looks at how to to use the Wordnik API which provides metadata about words in the English language – definitions, examples, related words, pronunciation, syllables, and more.

#10.9

New York Times API and JavaScript

05 Nov 2015

This video looks at how to to use the NY Times API which provides data about New York Times articles from 1851 to present.

#10.10

The Giphy API and JavaScript

05 Nov 2015

This video looks at how to to use the Giphy API with p5 createImg() function to display GIFs from giphy on a web page. Rainbows and Ryan Gosling are discussed.