Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
In this Discussion
- jeremydouglass December 2016
Data visualization in p5.js
Hi, I'll make a music chart based interactive data visualisation piece using p5.js. Something similar to this -->poly-graph.co/billboard/
Please, could someone tell me the steps I need to take in order to make something like this? It's for a university project and your help would be much appreciated. Thank you
Tagged:
Answers
There aren't steps in a particular sequence. This is a challenging, complicated design -- if this is a beginning programming project, you may want to attempt a simpler.
If you are interested in creating line charts (including animated charts) in p5.js, check out the Processing Libraries list, in particular the Grafica Library for p5.js.
GICentre Utils also has a charts library, but I'm not sure if it works with p5.js or just with Processing (Java mode).
Depending on whether your project is specifically to use Processing, you may also want to consider other related tools -- such as D3, the Hype framework, or Three.js.