The Shape of Song

by Nathan Danforth on Wednesday, January 16, 2008 · 0 comments

in Visualization

Since I’ve been writing this blog, I’ve come across some interesting gadget visualizations relating to music in some way.

Unfortunately, I have been unable to find a tool that I’m really satisfied with, one that offers the potential for limitless insight into musical linkages through some highly intuitive interface…

What does music look like? The Shape of Song is an attempt to answer this seemingly paradoxical question. The custom software in this work draws musical patterns in the form of translucent arches, allowing viewers to see–literally–the shape of any composition available on the Web.

sound-of-song-snagit.jpg

This visualization doesn’t manage to meet my lofty demands, but then again, it’s not intended for the kind of analysis I believe I’m looking for.

Each arch connects two repeated, identical passages of a composition. By using repeated passages as signposts, the diagram illustrates the deep structure of the composition.

Notice, when two different tracks of the same piece are shown one above the other, the visual reflects the underlying elegance and simplicity of the music.

sound-of-song-compare-tracks.jpg

Other songs, from various genres, vary greatly…

Madonna – Like a Prayer

sound-of-song-madonno-like_a_prayer.gif

Bach – Goldberg Variation

sound-of-sogn-bach.gif

Sound of Song also has the ability to search the web for any song that may not be pre-loaded into the application… check it out.

Social Media Links:
  • RSS
  • email
  • Twitter
  • Facebook
  • del.icio.us
  • StumbleUpon
  • Digg
  • Google Bookmarks
  • Technorati
  • Sphinn
  • SphereIt
  • Mixx
  • LinkedIn
  • Reddit
  • Live
  • Netvibes
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • PDF
  • Print

We welcome your feedback. Please leave us a comment below. If you haven't already, there is no time like the present to subscribe to the RSS feed.

Category and Tags

This post filed in the following categories:

  • Visualization - Visualization is any technique for creating images, diagrams, or animations to communicate a message.

About the Author

Comments

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post:

WordPress Admin