Image generator and visualizer based on WWF ads made by Japanese designer Mikami Yoshiyuki in 2008. Each pixel represents a single animal, as the population numbers rise and fall the image will either become more legible or disappear completely.
For starting the app in your machine, open the terminal and follow these commands:
git clone the repo
git clone https://github.com/8mn/population-by-pixels.git
cd into working directory
cd population-by-pixels
For starting app:
open index.html in the browser
Access the site on the browser
- Helps you to visualize population of endangered and vulnerable species through an image. Each pixel represents a single animal, as the population numbers rise and fall the image will either become more legible or disappear completely.
- It also has a slider through which you can simulate a population number
- made a p5.js script to represent individual pixel as an animal.
- population data is used from WWF website
- This was my first time working with p5.js. After building several rough sketches and looking at hundreds of examples, I built the somewhat satisfactory first version.
- Making the formula which exactly calculates number of pixels to show according to the population of species
- Syncing the slider with the changes in image
- Building an interactive data visualization
- Working with p5.js
- visualizing number puts things in perspective
- Working with individual pixels!
- Making and deploying a website so that anyone can view
- Using data like year to show the progress or decline
- Adding other animals
- Making it like a dashboard including all endangered and vulnerable animals with regularly updated data would be cool.
- I can also add videos of animals for visualizations.
If you have any questions/suggestion, Contact me
- My Email:
hey@mnsh.me - Twitter: @oimanish