Archive for the ‘flow’ Category


Live Charting Lyrics with “Hey Jude”

December 6, 2010 gives a clever example of “live charting”: the process of diagramming a flow chart in time.   The given example diagrams the lyrics from “Hey Jude”.  It’s clearly a commercial, but it’s still a nice little demo.   It’s unclear if the author is the same person who did the original static diagram, I couldn’t find the original version online, only the linked page referencing it.  It’s interesting how the lyrics to certain pop songs can often be described so succinctly.



Using Visualizations for Music Discovery

October 22, 2009

Hot of the presses, here are the sides for the tutorial that Justin and Paul are presenting at ISMIR 2009 on October 26.

Note that the live presentation will include many demonstrations and videos of visualizations that just are not practical to include in a PDF.  If you have the chance, be sure to check out the tutorial at ISMIR in Kobe on the 26th.


Visualizing listening history

September 7, 2009


Lee Byron has created this visualization of the listening history of a user. In this visualization, the x axis is time, and the y axis shows the number of plays associated with various artists. Lee calls this a ‘layered histogram’. When plotted on paper, the visualization for 18 months of listening data is about 7 feet long.  The visualization is fascinating way to view how one’s listening taste changes over time.  Lee’s visualization reminds me of the Genealogy of Rock visualization that uses a similar (but hand drawn) layered histogram to represent the various artists and genres and how their popularities change over time.  Lee also has some other examples of visualizing listening data.

Lee’s  graphic is a stacked graph where each colored layer represents a musician, progressing from left to right through the eighteen month span growing wider when listening was more frequent, and skinnier when it was not.  The layout method is unique, dubbed a “Stream Graph,” it acts to have the least amount of distortion to the graph and is responsible for generating the elegant non-symmetrical curves

More Info