About

Randy Krum infographic designerRandy Krum

President of InfoNewt.
Data Visualization, Infographic Design, Visual Thinking, Product Development and Marketing professional fascinated by good infographics.  Always looking for better ways to get the point across.

Infographic Design

Infographics Design | Presentations
Consulting | Data Visualizations

DFW DataViz Meetup

Join the Meetup Group if you’re in the Dallas/Fort Worth area!

Search the Cool Infographics site

Custom Search

Subscriptions:

 

Feedburner

The Cool Infographics® Gallery:

How to add the
Cool Infographics button to your:

Cool Infographics iOS icon

- iPhone
- iPad
- iPod Touch

 

Read on Flipboard for iPad and iPhone

Featured in the Tech & Science category

Flipboard icon

Twitter Feed
From the Bookstore

Caffeine Poster

The Caffeine Poster infographic

Google Insights

« The Information Blanket | Main | Apple Approves 500,000 Apps...and counting »
Thursday
May262011

The Definitive Daft Punk...Visualized!

 

Cameron Adams, aka “The Man in Blue”, created a live visualization of the audio mashup he created between 23 different songs from Daft Punk.  The Definitive Daft Punk Visualized combines a circular waveform of each of the songs concurrently being played with an audio map timeline at the bottom showing each song color-coded.

In order to explain the layering and interplay that goes into something like a Girl Talk album or The 139 Mix Tape I decided to take my own mashup of Daft Punk’s discography – Definitive Daft Punk – and reveal its entire structure: the cutting, layering, levels and equalisation of 23 different songs. By dividing up the sound data for each song and computing its appearance in realtime, the resulting visualisation gives you an understanding of the unique anatomy of this particular mashup.

The entire piece is composed from the latest HTML5 and CSS3 technology (canvas, audio, transforms & transitions) so you’ll need a newer browser to view it in. I recommend Chrome because it pulls off the best performance with my mangled code. All of the waveform and spectrum visualisation is performed in realtime, so your browser is rendering a music video on the fly!

Hopefully it gives you a new insight into the artform of the mashup, otherwise you can just stare at the pretty shapes.

Found on Twitter via @kmcostello

PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (1)

This is a great infographic. You can actually se the areas which have higher bpm.

We also created an music related infographic: http://www.outdoorworlddirect.co.uk/uk-music-festivals-calendar-2011

Hope you like it.
June 9, 2011 | Unregistered CommenterOutdoor World
Comments for this entry have been disabled. Additional comments may not be added to this entry at this time.