zoebachman / htp_tutorial2017

Repo for HTP Tutorial, Spring 2017

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HTP Tutorial 2017 - Generative Weather App

Repo for HTP Tutorial, Spring 2017

This p5.js sketch is a weather visualizer that uses data pulled from the openweatherAPI. I like how working with changing data can effect a sketch (see the beautiful [wind map] (http://hint.fm/wind/) visualization). There’s a basic version with two variations so you can play around with the interface, making use of the DOM or separate data files.

Includes three versions of an openweatherAPI controlled drawing:

  1. Basic (pre-populated zip code)
  2. DOM version (user can enter zip codes and refresh the canvas)
  3. Random zip version (uses an extra list of zip codes and randomly chooses one each time it’s refreshed)

Sources:

p5.js reference page

open weather data to get your API key.

Dan Shiffman’s coding train videos - great introduction/refresher to working with data in various forms.

Other useful p5.js example code lives at the NYU ITP Introduction to Computational Media class repo.

…I specifically looked at this sketch for inspiration.

enjoi <3 <3 <3

About

Repo for HTP Tutorial, Spring 2017


Languages

Language:JavaScript 99.9%Language:HTML 0.1%