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 Best Data Visualization Projects of 2011

I almost didn’t make a best-of list this year, but as I clicked through the year’s post, it was hard …

The Changing American Diet

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

Famous Movie Quotes as Charts

In celebration of their 100-year anniversary, the American Film Institute selected the 100 most memorable quotes from American cinema, and …

A Day in the Life of Americans

I wanted to see how daily patterns emerge at the individual level and how a person’s entire day plays out. So I simulated 1,000 of them.