Git Product home page Git Product logo

com-480-project-datavvizards's Introduction

Disco Planet

Website

Disco Planet | Project for COM-480 Data Visualization

Abstract

Modern means of communication and transportation have brought the world closer together. With many cities turning into melting pots, cultural, social, and personal motives drive people's curiosity to explore how diverse backgrounds and experiences intertwine and blur geographical borders. Since music plays a central role in cultural identity, our project strives to provide these insights by looking into the musical preferences of people around the globe.

For the Disco Planet project we employed the dataset retrieved from Spotify, the most popular music streaming service in the year 2019. The three visualization views address the following major questions:

  1. What music genres are popular in different corners of the world?
  2. How various cities are similar or different in their musical preferences?
  3. How do numerous genres and sub-genres of music relate to each other?

We expect that both the general audience and more inquiring music lovers will engage with our website and learn curious insights during the interaction.

Check out our process book for technical details or jump directly to exploring the website.

Screen Cast

Disco Planet

Technical Setup

Below are the steps to run our website with a local servel.

Install elixir, Node.js, PostgreSQL, PostGIS.

Clone or download the project:

git clone https://github.com/com-480-data-visualization/com-480-project-datavvizards.git

Further, in the project folder:

  • Set backend dependencies: mix deps.get
  • Set frontend dependencies: npm install —prefix assets
  • Create the database: mix ecto.reset
  • Run the app: iex -S mix phx.server

The server will start on http://localhost:4000/

* Note that due to space limitations imposed by GitHub our data is located at the external storage and is accessible by the link. Yet, there is no need to download the data manually as it will be managed automatically during the described setup procedure.

com-480-project-datavvizards's People

Contributors

alexkashuba avatar youroff avatar sea94 avatar jbcdnr avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.