{"id":16487688,"url":"https://github.com/404-html/pop-rock-php","last_synced_at":"2026-05-06T16:33:57.069Z","repository":{"id":98895939,"uuid":"181771084","full_name":"404-html/Pop-Rock-PHP","owner":"404-html","description":"Getting and visualizing data from SpotifyWebAPI with PHP, MySQL, D3.js","archived":false,"fork":false,"pushed_at":"2019-04-16T21:37:11.000Z","size":21235,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-04-26T09:26:20.830Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"PHP","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/404-html.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-04-16T21:37:06.000Z","updated_at":"2021-11-21T12:14:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"e4f8e64a-e54b-4b1e-ba26-8ea7096a5e8a","html_url":"https://github.com/404-html/Pop-Rock-PHP","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/404-html/Pop-Rock-PHP","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/404-html%2FPop-Rock-PHP","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/404-html%2FPop-Rock-PHP/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/404-html%2FPop-Rock-PHP/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/404-html%2FPop-Rock-PHP/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/404-html","download_url":"https://codeload.github.com/404-html/Pop-Rock-PHP/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/404-html%2FPop-Rock-PHP/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32702106,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-06T08:33:17.875Z","status":"ssl_error","status_checked_at":"2026-05-06T08:33:17.221Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-11T13:35:36.201Z","updated_at":"2026-05-06T16:33:57.055Z","avatar_url":"https://github.com/404-html.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pop Rock (PHP)\nGets 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**.\n\n## Recent Examples\n### Albums List\n\nAlbums in list view can be sorted by album title, release date, and popularity.\n\n\u003cimg src=\"https://jotascript.files.wordpress.com/2018/10/zombiesalbums2.png\" alt=\"Top five albums by The Zombies on Spotify October 11, 2018.\"\u003e\n\n### Albums Bar Chart\n![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)\n\nAt present, user selects an artist from a menu. Menu fetches data stored in my MySQL database and uses D3 to generate a column graph. \n\nI 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.\n\n### Line Graphs for visualizing popularity over time\n\n![Line chart created with D3 showing Queen's popularity score over approximately six months.](https://jotascript.files.wordpress.com/2018/12/queen_01.png)\n\nAt 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.\n\n\u003cimg src=\"https://github.com/jotasprout/Pop-Rock-PHP/blob/master/imgs/induct-2018-12-18.png\"\u003e\n\nBelow is a line graph showing the increase in popularity of the song \"Bohemian Rhapsody\" due to the film *Bohemian Rhapsody*.\n\n![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)\n\n### Tracks List\n\nAt 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.\n\n\u003cimg src=\"https://jotascript.files.wordpress.com/2018/10/roxytracks.png\" alt=\"Top ten Roxy Music tracks on Spotify October 11, 2018.\"\u003e\n\n## Front End\n- Soon, the front end will be far less clunky and take advantage of AJAX\n- Also, the UI will be more interactive\n\n## Back End\n* Eventually, all PHP will be strictly back-end with none affecting UI\n* Cron jobs collect Spotify Web API data regularly and store it in my database\n\n## Status\nBuilding in columns (both in database and UI) for:\n- album country\n- artist Spotify followers\n- LastFM listeners and playcount for Artists, Albums, Tracks\n- Related artists \u0026 albums (eg Dio, Rainbow, Black Sabbath, etc.)\n\n## Background\nPHP-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. \n\n## ADA\n### To Do\n- Add speech output, descriptions of charts, results\n- Alternate input for those who can't see to drag \u0026 drop","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F404-html%2Fpop-rock-php","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F404-html%2Fpop-rock-php","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F404-html%2Fpop-rock-php/lists"}