Task
Use quantitative data collected from the Sensing 1 Exercise to draw shapes with code. The objective for this exercise was to create a coded data visualisation.
Introduction to Coding
Andreas introduced the class to an online coding platform called p5js. It is a JavaScript (JS) coding environment where we can create lines, shapes, animations with codes. Even though I have experience of coding from my undergraduate studies at NTU, it has never been my forte.
In class, we did several different practices with Andreas. We explored how to code different types of graphs and charts, as well as animation and interfaces that involve user interaction.
Final Outcome
For our own assignment, we had to create our own graphical representation of our data. With some experimentation, I managed to play around with colours and the text labels to create my bar chart. I used “red” to indicate loudness and “green” to indicate “softness”, creating a gradient in my bar chart.
Learning Points
Data are just numbers if we do not organise them properly. They are meaningless, unless we assign meanings to them. We need to make data understandable to our intended audience. In this exercise, we are doing it through graphical representation.
Comments are closed.