thedemodev/galaxy-of-covers

Galaxy of Covers: Honoring the evolution of the 50 most popular cover songs of all time.

Galaxy of Covers

Honoring the evolution of the 50 most popular cover songs of all time

About the Project

Our most beloved songs have a longer history than we might think. They might exist in hundreds of alternative versions created by other artists in distant decades. Those versions can differ in character and style and reach completely different audiences.

We looked closely at the 50 most popular cover songs as well as the original works. Galaxy of Covers is the result of this analysis and allows you to explore the evolution from idea to recording.

About the Visualization

The panorama view shows the 50 top songs as individual planetary systems with the original work as the sun. Each planet represents a version of the song and it’s appearance indicates characteristics including genre, popularity, tempo, valence, energy, and speechiness. The radius of its orbit around the sun shows the years between the publication dates. This view allows you to compare the structure and density of the constellation of different songs from a high-level perspective.

The detail view lists the versions of one song in cross section. The characteristics and positioning of the planets is consistent with the panorama. This view allows you to compare different versions of the same song individually.

Sources

The dataset that drives this application is retrieved from the following sources:

• BBC: List of 50 most popular cover songs.
• Echonest: Information on tempo, valence, energy, and speechiness.
• Spotify: Information on popularity.
• Secondhand Songs: Information on cover version, artist, and date.
• Whosampled: Information on music genre.

Technology

The visualization is hand crafted with standard web technologies HTML, CSS, JavaScript using open source software including D3, React, Webpack among others. Please refer to our GitHub repository for more details.

Credits

Galaxy of Covers has been created by Interactive Things, a digital product design studio based in Zürich, Switzerland. Research, concept, design, and development was done by Tania Boa, Ilya Boyandin, Mark Hintz, Jan Wächter, and Benjamin Wiederkehr.

Development

Start the development server with make (npm modules are installed automatically).