https://github.com/404-html/pop-rock-php

Getting and visualizing data from SpotifyWebAPI with PHP, MySQL, D3.js
https://github.com/404-html/pop-rock-php

Last synced: about 1 month ago
JSON representation

Getting and visualizing data from SpotifyWebAPI with PHP, MySQL, D3.js

• Host: GitHub
• URL: https://github.com/404-html/pop-rock-php
• Owner: 404-html
• Created: 2019-04-16T21:37:06.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2019-04-16T21:37:11.000Z (about 7 years ago)
• Last Synced: 2026-04-26T09:26:20.830Z (about 2 months ago)
• Language: PHP
• Homepage:
• Size: 20.3 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Pop Rock (PHP)

Gets popularity data via Spotify API for artists, albums, and songs to store in a MySQL database and track popularity over time as well as comparing popularity data across artists, albums, songs. Building interactive data visualization using **D3.js** and **jQuery**.

## Recent Examples

### Albums List

Albums in list view can be sorted by album title, release date, and popularity.



### Albums Bar Chart

![Column chart created with D3 displaying popularity score for Billy Idol albums. Album cover art appears beneath each column. Numerical score appears above each column.](https://jotascript.files.wordpress.com/2018/04/billyidol.png)

At present, user selects an artist from a menu. Menu fetches data stored in my MySQL database and uses D3 to generate a column graph. 

I think this needs to be a vertical, rather than horizontal, bar chart because some artists have tons of albums and it requires horizontal scrolling even on a desktop.

### Line Graphs for visualizing popularity over time

![Line chart created with D3 showing Queen's popularity score over approximately six months.](https://jotascript.files.wordpress.com/2018/12/queen_01.png)

At present, this is the only type of line graph available. Purpose is to compare artists' popularity scores using album release dates as "years." Above is a line graph showing **Queen**'s popularity increase due to the film *Bohemian Rhapsody*. Below is a multiline graph comparing this year's inductees into the **Rock and Roll Hall of Fame** showing the lack of influence their nominations and inductions had on their popularity.



Below is a line graph showing the increase in popularity of the song "Bohemian Rhapsody" due to the film *Bohemian Rhapsody*.

![Line chart created with D3 showing Bohemian Rhapsody's popularity score over approximately six months.](https://jotascript.files.wordpress.com/2018/12/bohemian_01.png)

### Tracks List

At present, tracks are listed all together. Eventually, they'll be viewable by album. Tracks list view is sortable by album title, track title, and popularity.



## Front End

- Soon, the front end will be far less clunky and take advantage of AJAX

- Also, the UI will be more interactive

## Back End

* Eventually, all PHP will be strictly back-end with none affecting UI

* Cron jobs collect Spotify Web API data regularly and store it in my database

## Status

Building in columns (both in database and UI) for:

- album country

- artist Spotify followers

- LastFM listeners and playcount for Artists, Albums, Tracks

- Related artists & albums (eg Dio, Rainbow, Black Sabbath, etc.)

## Background

PHP-based version of [rockinJS](https://github.com/jotasprout/rockinJS) which replaced [myRockinApp](https://github.com/jotasprout/myRockinApp) (Python). Moved on to using PHP and MySQL with Pop-PHP because I couldn't get the objects to build as completely as I wanted in either Python to Javascript. 

## ADA

### To Do

- Add speech output, descriptions of charts, results

- Alternate input for those who can't see to drag & drop