Data visualization

Data visualization practice based on p5.js


at The Australian National University

Data visualization

  • Tools
  • HTML5
  • CSS
  • p5.js
  • Size
  • web 1920 x 1080 px
  • Medium
  • Interface
  • Date
  • The Australian National University, 2017

Data visualization

Inspiration
Got inspiration from the flower blooming in Floriade festival. Each 'collectors' are expressed as plants or flowers in the canvas. Used 'collectors' data to honor them. Because if collectors haven't found species, those species wouldn't have a chance to get a name or to exist in data. So, 'collectors' data visualization is a reminder to appreciate people who put the effort from the behind to make the data.

Code
-preload(): If a preload function is defined, setup() will wait until any load calls within have finished.
-loadJSON(): Loads a JSON file from a file or a URL, and returns an Object or Array. To use data.
-colorMode(): to change the way p5.js interprets color data.
-lerpColor(): Blends two colors to find a third color somewhere between them. To make various colors.
-sin():Calculates the sine of an angle. This function takes into account the current angleMode. Values are returned in the range -1 to 1. To point the important data.


Are you interested in my project and want to know more?
Contact me!

guswls1994@gmail.com