Patt Vira | p5.js Coding Tutorial | Location-Based Data Visualization @pattvira | Uploaded March 2024 | Updated October 2024, 7 hours ago.
LET'S CONNECT
✨ Sign up for my newsletter at pattvira.com
✨ Instagram: instagram.com/pattvira
✨ Twitter: twitter.com/pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Location-Based Data Viz Clocks Code: editor.p5js.org/pattvira/sketches/cVqhCZhN7
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 p5.js loadTable() function: p5js.org/reference/#/p5/loadTable
🔗 p5.js p5.Table Class: p5js.org/reference/#/p5.Table
Timestamps:
0:00 Intro
1:14 Draw a clock
9:37 Create a Clock class
17:40 Load data into sketch
19:38 Access data from table to display time from a different city
27:20 Adjust calculateTime function
34:28 Create multiple Clock objects
LET'S CONNECT
✨ Sign up for my newsletter at pattvira.com
✨ Instagram: instagram.com/pattvira
✨ Twitter: twitter.com/pattvira
--
Links:
🔗 p5.js editor: editor.p5js.org
🔗 Location-Based Data Viz Clocks Code: editor.p5js.org/pattvira/sketches/cVqhCZhN7
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn
References:
🔗 p5.js loadTable() function: p5js.org/reference/#/p5/loadTable
🔗 p5.js p5.Table Class: p5js.org/reference/#/p5.Table
Timestamps:
0:00 Intro
1:14 Draw a clock
9:37 Create a Clock class
17:40 Load data into sketch
19:38 Access data from table to display time from a different city
27:20 Adjust calculateTime function
34:28 Create multiple Clock objects