Spotify Pie Chart

Spotify Pie Chart: Visualize your most streamed music genre

Spotify Pie Chart is the latest viral trend that uses a third-party website to analyze the genre of music you’ve listened to on Spotify in the last month. The colorful chart also reveals the list of top artists you’ve listened to in the past 30 days.

[{"selector":"#anim-814794bc-7144-4adf-bb62-ec0f9e2dd199","keyframes":{"opacity":[0,1]},"delay":7,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-eee782d5-3ed1-451c-944b-2726fa15539e","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":7,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

The website named “Spotify Pie” is designed by UCLA student Darren Huang. It is inspired by Spotify’s own Wrapped feature which visualizes your most streamed songs, and favorite artists throughout the year.

[{"selector":"#anim-43f82690-95c7-4c9b-b6ea-38696a62e3b7","keyframes":{"opacity":[0,1]},"delay":7,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3bfac706-c679-44b6-b7f6-32006fd5d3e8","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":7,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Here’s how you can get your Spotify Pie Chart!

[{"selector":"#anim-89cd722d-d8db-418f-bdd1-c394254ac2e8","keyframes":[{"offset":0,"transform":"translate3d(0, -385.81885%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -108.49226062%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -36.884282060000004%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -13.850896715000001%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -6.018774059999999%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":1600,"fill":"both"}] [{"selector":"#anim-66f9ec7a-4303-489b-beeb-715c322a1823","keyframes":{"opacity":[0,1]},"delay":7,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-4e2154a2-f6a9-497f-9019-4c344fd222ee","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":7,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

3. Click ‘Agree’ to share your data with the website. Voila! You’ll get your Spotify Pie chart

[{"selector":"#anim-d55d191c-1019-4542-a875-d5caddf3d970","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-4b0c5880-10c2-4752-9381-7e4351429e98","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-c1a2126a-7668-4d49-a938-c9064b6f8965","keyframes":[{"offset":0,"transform":"translate3d(0, -397.56466%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -111.795182392%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -38.007181496%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -14.272571294%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -6.202008696%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":1600,"fill":"both"}]

Content you’ll enjoy reading:

[{"selector":"#anim-9cb996e0-3a6d-4f6b-9e86-6eb13c1c6437","keyframes":[{"offset":0,"transform":"translate3d(0, -385.81885%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -108.49226062%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -36.884282060000004%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -13.850896715000001%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -6.018774059999999%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":7,"duration":2000,"fill":"both"}] [{"selector":"#anim-af6fe106-5ac3-482a-b515-29789957e7e7","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-fb5cb7df-5c51-4fda-b013-1321d2e46756","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}]