Project Brief
In this project, we had to create your own library using vanilla javascript for others to use. Considering toolmaking as a creative practice, we had to create a new p5 libraries that proposed a helpful feature or creating an alternative imagination for what's possible while using p5.
Documentation
This project is a data visualisation library that makes creating charts and graphs from CSV files easier to assemble. Letting you customise background colours, the key, and the data points in P5.js to allow maximum customisation of the sketch.
There are 3 types of visualisations created using this library.
Graph
Pie-Chart
Abstract
This program displays the data of the user by mapping the x-value to the angle of the arc and y-value to the height.
Design Process
This project was not extremely difficult once I got the hang of the vanillas javascript syntax. The first iteration of it was made in p5.js which allowed me to work through the logic without having to worry about syntax.
I then slowly transferred the text to the vanilla.js. The process involved lots of iterations and changing up the formats to make it more efficient. I also spent a lot of time trying to work out the most efficient method of parsing through the arrays. As I created more and more versions, this process became faster resulting in a lesser number of functions. I still need to add more functions for customisations. The biggest missing piece is the ability to customise the colours in the graph. But, I am overall quite satisfied with the project.
Reflection
This project made me realise the benefits of going into a project with a fully formed plan in your head. I usually have a rough idea and then meander down the a path. And while that process does have some benefits, the clarity from working like this was a welcome change. Additionally, as someone who is alway fascinated with data visualisations, the process of coming up with new, creative ways of representation is extremely fascinating to me and I hope to carry this forward with my other practices.
Reference
