Visualizing CSV Files using p5.js (Getting Started)

Here are the very basics and pitfalls of what you need to know to get started visualizing a CSV file using p5.js. We'll talk about preparing our CSV file for p5, using preload / loadTable to get the data, and the all-important "map" function to convert data into values we can use for color or sizes.
★ PROJECT FILES ★
enigmeta.s3.amazonaws.com/2019-last-minute-webdesign/p5-csv-visualisation.zip
★ TOOLS ★
p5.js: p5js.org/
Visual Studio Code: code.visualstudio.com/
Live Server Plugin: marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
★ RESOURCES ★
p5.js + CSV files: creative-coding.decontextualize.com/csv-files/

[@faithevans9715]

Thank you SO MUCH for this! I've been working on a visualizer and I've been having difficulty figuring out how to sort through my csv. You're very helpful and relaxing to listen to.

[@mrwrench3131]

appreciate your style and candor, I'm just breaking into data science and this helps a lot ^^

[@Alkedoable]

I rarely comment but this time I just had to. Thank you so much for this tutorial. I have an assignment on data visualization and with this tutorial I might actually produce a presentable product.

[@sarahheitz7705]

This is just plain Awesome! Thank you for your Video - it is so easy to follow along, the best Introduction to Dataviz in P5*js one could wish for

[@shivambankar1079]

im unable to open your code files! windows script host warns me files are curropted. they are either in binary or in any other language.

[@rizaan4786]

This is super helpful, thank you!!

[@laurav.bohorquezramirez5221]

Thanks! this video helped me a lot! I got a little question, where can I find the "next video"? I've just looked in your account but I couldn't find it :s