Auragraph.io - Web Application
Adam Emerson
Data Visualizer
Web Designer
Web Developer
Next.js
React
Supabase
About the Project
Auragraph is a genre-visualization application that helps users understand how they should classify their music tastes. The project was built in one week for an annual hackathon put on by the PaaS company, Supabase. The app connects to a user's spotify account and generates a unique "Auragraph" from their listening data.
Although personal auragraphs are still in closed beta, visitors can view artist auragraphs by using the "Explore" feature.
From Auragraph.io:
What is Auragraph?
Auragraph is a web application for Spotify users designed by a music enthusiast, for music enthusiasts. We aim to help users visualize the relationships between their favorite artists by generating colorful, interactive Euler diagrams that we call, you guessed it, auragraphs. Spotify recognizes over 5000 unique genres of music. That's a lot to wade through! We hope that auragraph will enable people to better understand musical taxonomy while enabling the exploration and discovery of new sounds.
How Does It Work?
Once you have logged in with your Spotify account (thanks Supabase!), your favorite artists are retrieved via the Spotify API. With your favorite artists in hand, we can get to work on generating your very own auragraph.Spotify assigns each artist any number of genres, but for our purposes we only care about the genres where your favorite artists overlap. If we didn't cull the dataset your graph would be full of disjoint outliers. Lame!After we have removed any outlying genres, the euler diagram is generated with D3 and venn.js.Depending on how diverse your listening habits are, your auragraph might be quite dense and difficult to parse, but you can explore the chart by toggling genres with the button above your graph.
Observations On The Graph
The genres most represented amongst your top artists will be the drawn largest.
Toggle genres off and on to find new relationships in your graph.
Most graphs will have one or two central genres, like "Pop", or "Rap".
If you turn the central genres off, your graph will become disjoint!.
Some genres will be represented as complete subsets of others. "Art Pop" and "Hyper Pop" for example.
