This repo contains all the necessary files and information for a workshop on creative data visualization and sonification, held in collaboration with the Digital Scholarship Days at the University of Oslo.
For a more in-depth account of dataset sonification with web audio, visit this accompanying blog post - https://aleksati.net/posts/exploring-dataset-sonification-with-web-audio
Sonification refers to non-speech audio to convey information or perceptualize data. In this workshop, you will learn how to use sonification and dynamic images to display valuable and coherent multi-dimensional data in a web browser. We will creatively explore these concepts using the p5.js library. As a bonus, you will also learn how to embed web apps onto your personal UiO pages.
- Learn easy-to-use JavaScript libraries for dynamic visualization and sonification.
- Learn to creatively map pre-recorded or real-time data and to sound and visuals.
- Learn to integrate data visualization and sonification in a web page.
-
Familiarity with any text-based programming language (e.g., if/else statements, loops, arrays, functions, etc.). In the workshop, we will write JavaScript code. The workshop is for people interested in data sonification and/or creating computing, whether it be PhDs, postdocs, other technical personnel and/or students.
-
Laptop with a chromium browser (e.g Chrome, Firefox, Brave etc.) and programming-oriented text-editor (e.g Visual Studio Code).
You should work directly from the browser via p5's own web editor. Here is how you do it:
-
Download this repository.
-
Create an account on the p5.js Web Editor.
-
Go to "My Sketches" (click on "Hello, username!" on the top right) and create a new sketch.
-
In the web editor of your new sketch, open the sidebar (black arrow on gray background) to access your files.
-
Via the small dropdown menu "Sketch Files" in the left column of the web editor, choose to "upload file" and upload the "arabica_data_cleaned_year.csv" from the data folder.