Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tdambrin/deezer-graph

[UI] Connect Artists, Albums and Tracks with Deezer API
https://github.com/tdambrin/deezer-graph

Last synced: 7 days ago
JSON representation

[UI] Connect Artists, Albums and Tracks with Deezer API

Awesome Lists containing this project

README

        

# Deezer Graph Search: Connect artists, albums and tracks



Software License


Vue JS version

## Links

Try it here: [deezer-graph](https://tdambrin.github.io/deezer-graph)

Read the medium article: [Discover new connections within music](https://medium.com/@thomas.dambrin/discover-new-connections-within-music-b49d3ae65470)

---

Visualize music as connections. Paired with [Deezer Graph API](https://github.com/tdambrin/deezer-graph-api)

## How it works


Enter search keywords to get a graph



Graph properties



By default, The graph structure is a backbone of artists
with stars of tracks and abums from a backbone node.


A node size is proportional to its popularity.


Each color group represents star nodes related to the same backbone node.


Interactions



Hover -
Play track preview


Double Click - Expand graph around outside node


Shift Click - Open Deezer


Alt/Option Click - Delete node and its successors


## Credits

- [vs](https://github.com/anvaka/vs)
- [vue-vis-network](https://github.com/r3code/vue-vis-network)

---

## Policies
Feedbacks and contributions are greatly appreciated.

For questions, please feel free to reach out [by email](mailto:[email protected]?subject=[GitHub]%20Deezer%20Graph%20UI).