<aside> 💡 Goal: Make a p5 sketch visualizing data from a weather API

</aside>

<aside> 💡 Live demo link: https://editor.p5js.org/iguannalin/sketches/daAlsFqh2

</aside>

<aside> 💡 Zoom recording link

</aside>

Q1: What are websites?

HTML + CSS + JS = a website

or,

a frontend + a backend (maybe) = a website

What happens when you type a URL into a browser address bar? What’s the difference between a local and hosted server?

Everything is like one giant file directory.

When local, everything you are referring to is stuff within your file directory.

When hosted, everything you refer to via a URL is either a file (index.html) or a redirection to a file or data/asset.

Q2: What is an API?

Imagine you are collecting data on the different types of dogs that live in NYC. Now let’s say you have all this data stored on one large excel sheet.

How would you store data online so that people could access it?

The answer is an API!

An API is an interface, like a middle person between your website and a data server (i.e. a server hosting data you want).