Anatomy of a mashup

Posted to Visualization  |  Tags: ,  |  Nathan Yau

Mashups, the art of mixing multiple songs into one continuous song, is a subtle art. When a mashup is done well, you often can’t hear all of the different songs merging into one, because it’s so fluid. Cameron Adams, aka The Man in Blue, visualizes his own mashup Definitive Daft Punk, to show just what goes into the piece.

You might have seen the similar work from Benjamin Brahn, who showed Girl Talk’s mashup album All Day, which sampled from 373 songs. While Adams’ mashup is not as massive, the visual component is quite nice. Each circle represents a sample from a song, and going clockwise from the top, you see middle, high, and bass. Then on the bottom is the breakdown by time.

It’s all done in HTML5 and CSS3, so you’ll need a modern browser to see it in action.

[Anatomy of a Mashup | Thanks, Cameron]

3 Comments

  • Hi
    I’m working on a Business Intelligence tool in South Africa (I work for an NGO so its open-source :P). Any chance we could get access to the source code?

    Awesome visualization by the way!

  • Eight Knives Ken May 16, 2011 at 4:07 am

    I was just wondering, from a layman’s perspective, how is this different to what a DJ worth his/her salt does with two turntables or more?

    @Greg, do you have a URL for your BI project?

  • @Ken – drop me a mail at greg.rowles @ gmail dot com? Its sitting behind a firewall with a security. If you really want I can set up an account for you to view it…

Favorites

The Changing American Diet

See what we ate on an average day, for the past several decades.

Shifting Incomes for American Jobs

For various occupations, the difference between the person who makes the most and the one who makes the least can be significant.

Unemployment in America, Mapped Over Time

Watch the regional changes across the country from 1990 to 2016.

The Most Unisex Names in US History

Moving on from the most trendy names in US history, let’s look at the most unisex ones. Some names have …