ozumi / Music-Atmosphere-Catcher

👩🏻‍💻 음악의 분위기와 유사도 데이터를 기반으로 탐색가능한 시각화 웹페이지를 개발하였습니다.

README

개발 개요

본 프로젝트는 대학교 4학년 데이터 시각화 수업 때 만든 MAC(Music Atmosphere Catcher) 입니다.

노래의 분위기를 Energy / Relaxed, Positive / Negative 로 분류한 데이터를 기반으로 Scatter Plot으로 나타내었습니다. 노래유사도 데이터를 기반으로 하여 클릭한 노래와 유사한 곡 5가지를 색으로 구분하여 차례로 보여줍니다. 노래 장르 별 필터링이 가능하며, 클릭한 노래의 아티스트/노래제목/장르/음악감상 링크를 제공합니다. Log뷰 에서는 클릭했던 노래들의 이동경로를 보여줍니다.

• 개발 기간 : 2016.10 ~ 2016.11
• 개발 인원 : 웹 개발 담당. 타 팀원은 데이터 수집 담당.
• 사용 스택 : html, css, Javascript, d3.js

Dataset

• Musicovery (http://b2b.musicovery.com/) : 노래 장르 및 무드 분류 데이터
• Last.fm (https://www.last.fm/) : 노래 유사도 데이터

데모 영상

자세한 내용은 여기서 볼 수 있습니다