Data visualization

In p5js: 3 simple examples

1. visualize through text (show a list of names)

p5.js Web Editor

2. visualize through images (show images grids of movie posters)

p5.js Web Editor

3. visualize through graph (bar graphs showing movie production years)

p5.js Web Editor

In Glitch: 3 complex examples

1. experiment with 3D space, visualize the connections between data (movie)

sphere-data-visualization on Glitch

2. visualize data geographic data and the connections between data (earth language)

language-data-visualization on Glitch

3. visualize 3D timeline

war-timelin on Glitch

Integrate P5js and Glitch

Get the content of the p5js canvas and draw in on glitch canvas. Then use glitch canvas as material.