Event : Junior Developers Singapore Code and Tell - Sep 2019

Straits Times Graphics team published National Day Parade(NDP) songs project to celebrate the 54th National Day Birthday at the end of June. Since 1984, 26 NDP songs were designed to help build Singapore’s national identity by covering various themes and music styles. In this project, three visual graphic types were used; heatmap, radar chart, and scatter chart.

First, we found how NDP song lyrics have changed over the years using basic NLP techniques. Second, we looked inside audio feature information of each song by using Spotify API and visualized to the radar chart in order to compare old and remix versions. Lastly, inspired by Russell's circumplex model of emotion, we designed interactive and dynamic user music emotion chart.

In this talk, I delivered how the music emotion chart was built with Vue.js mainly. Also, I explained how to extract sounds and lyrics information to enhance the visual story.