Finding Music With Pictures: Using Visualization for Discovery

1. Finding Music With Pictures: Data Visualization for Discovery Paul Lamere The Echo Nest #musicviz

2. Music Discovery Challenge 2

3. Music Discovery Challenge Listener Study Listeners 5,000 Average Songs 3,500 Per User Percent of songs 65% never listened to 3

4. Ishkur’s Guide to Electronic Dance Music 4

5. Why Visualize? Visualizations can engage our pattern-matching brain 5

6. Human rendered visualizations 6

7. Visualizations as a tree 1939 7

10. The greatest visualization ever? 8

11. ng underground Visualizations as a Map hart the branches and connections of 100 years of music using the London Underground map? Dorian Lynskey explains how a box of coloured crayons and a lot of swearing helped plausible ry of 20th ndon ed by t Simon he tube mous reat Bear, em all link o find a n. But for hange had musical of coloured ed to- , but the e quickly op inter- that had to usic for the here, Docklands ouple of one after- almost all ost of the stations lectic ost impor- e signifi- most de- ey never he next to writing t (sorry, nyrd), ago- , asking vice for in- nd swear- , there ys. It just be objec- nd are in early logy wher- wed it. Each genre: rock sychedelia ondon; mden, into If I was re- oed the ury & Is- ily Stone. d flaws. yrinthine be imper- s pop stop draw a de- unk? These ed record and they’re ut I think able given with omis- ple, that s in tan- r Metro- room for inogue and so point m explod- tern, pre- music. necessi- d’s under- sive refer- tack. For xception to rd. ive history o see if one laid on a e elegance gn – its sections, anting tan- all sucked tle of the ther con- ain’s innate cture. Plus journalism s should map at send at ndrew d. Dorian Lynskey - The Guardian Music History as a London Tube Map 9

12. ng underground Visualizations as a Map hart the branches and connections of 100 years of music using the London Underground map? Dorian Lynskey explains how a box of coloured crayons and a lot of swearing helped plausible ry of 20th ndon ed by t Simon he tube mous reat Bear, em all link o find a n. But for hange had musical of coloured ed to- , but the e quickly op inter- that had to usic for the here, Docklands ouple of one after- almost all ost of the stations lectic ost impor- e signifi- most de- ey never he next to writing t (sorry, nyrd), ago- , asking vice for in- nd swear- , there ys. It just be objec- nd are in early logy wher- wed it. Each genre: rock sychedelia ondon; mden, into If I was re- oed the ury & Is- ily Stone. d flaws. yrinthine be imper- s pop stop draw a de- unk? These ed record and they’re ut I think able given with omis- ple, that s in tan- r Metro- room for inogue and so point m explod- tern, pre- music. necessi- d’s under- sive refer- tack. For xception to rd. ive history o see if one laid on a e elegance gn – its sections, anting tan- all sucked tle of the ther con- ain’s innate cture. Plus journalism s should map at send at ndrew d. Dorian Lynskey - The Guardian Music History as a London Tube Map 9

13. Genre Map Ben Discoe http://www.washedashore.com/music/genremap.html 10

14. Map of Metal http://mapofmetal.com Finding music with pictures - SXSW 2011 11

15. Visualization as a Time Series Genealogy of Pop and Rock Music - Reebee Garofalo 12

19. Visualizations as a graph http://www.homeofmetal.com/ 13

20. Seattle Band Map http://www.seattlebandmap.com/ 14

21. Seattle Band Map http://www.seattlebandmap.com/ 15

22. Hybrid visualization School of rock franksreelreviews.com 16

25. Other types of visualizations 17

30. Computer rendered visualizations 22

31. Time Series Finding music with pictures - SXSW 2011 23

32. Visualizing Listening History http://www.leebyron.com/what/lastfm/ - Lee Byron Finding music with pictures - SXSW 2011 24

33. Visualizing Listening History http://www.leebyron.com/what/lastfm/ - Lee Byron Finding music with pictures - SXSW 2011 24

34. Maps and Graphs Finding music with pictures - SXSW 2011 25

35. The World Of Music http://www.stanford.edu/~dgleich/demos/worldofmusic/WorldOfMusic.html David Gleich, Matt Rasmussen, Leonid Zhukov, and Kevin Lang z Finding music with pictures - SXSW 2011 26

36. The World Of Music http://www.stanford.edu/~dgleich/demos/worldofmusic/WorldOfMusic.html David Gleich, Matt Rasmussen, Leonid Zhukov, and Kevin Lang z Finding music with pictures - SXSW 2011 26

37. The Landscape of Music The Landscape of Music by Gansner, Hu, Kobourov and Volinsky AT&T Labs-Research Finding music with pictures - SXSW 2011 27

41. Islands of Music self-organizing maps http://playground.last.fm/iom - Islands of Music - Elias Pampalk Finding music with pictures - SXSW 2011 28

42. nepTune http://www.cp.jku.at/projects/nepTune/ Finding music with pictures - SXSW 2011 29

43. Last.fm Artist Map http://sixdegrees.hu/last.fm/index.html Finding music with pictures - SXSW 2011 30

44. Last.fm Artist Map http://sixdegrees.hu/last.fm/index.html Finding music with pictures - SXSW 2011 30

45. Building an artist map The Goal - build an artist graph suitable for music exploration Problem: The artist space is very complex Finding music with pictures - SXSW 2011 31

46. Building an artist map The Goal - build an artist graph suitable for music exploration Problem: The artist space is very complex Finding music with pictures - SXSW 2011 31

47. Making a good graph • Minimize edge crossings, bends and curves Good Bad • Maximize angular resolution, symmetry Good Bad Cognitive measurements of graph aesthetics, Ware Purchase Colpoys McGill , , , 32

48. Graphing the Beatles Neighborhood digraph { "The Beatles" -> "Electric Light Orchestra"; "The Beatles" -> "The Rutles"; "The Beatles" -> "The Dave Clark Five"; "The Beatles" -> "The Tremeloes"; "The Beatles" -> "Manfred Mann"; "The Beatles" -> "The Lovin' Spoonful"; "The Beatles" -> "The Rolling Stones"; "The Beatles" -> "Creedence Clearwater Revival"; "The Beatles" -> "Bee Gees"; "The Beatles" -> "the Hollies"; "The Beatles" -> "Badfinger"; "The Beatles" -> "Paul McCartney"; "The Beatles" -> "Julian Lennon"; "The Beatles" -> "George Harrison"; "The Beatles" -> "John Lennon"; } http://www.graphviz.org/ 33 Finding music with pictures - SXSW 2011

49. Artist map - level 1 out Finding music with pictures - SXSW 2011 Already interconnections start to overwhelm 34

50. Artist map - level 1 in/out Finding music with pictures - SXSW 2011 35

58. Artist map - level 2 116 artists and 665 edges. We are totally overwhelmed. Finding music with pictures - SXSW 2011 36

59. Artist map - level 2 116 artists and 665 edges. We are totally overwhelmed. Finding music with pictures - SXSW 2011 36

60. Simplifying the graph Eliminate the edges and use spring force embedding to position the artists Finding music with pictures - SXSW 2011 37

61. Simplifying the graph Eliminate the edges and use spring force embedding to position the artists Finding music with pictures - SXSW 2011 37

62. Reducing the edges Attach artists to only one most similar artist Finding music with pictures - SXSW 2011 38

65. Reducing the edges Attach artists to only one most similar artist wtf? Finding music with pictures - SXSW 2011 38

66. Putting ELO II in its place Attach artists to the most similar artist that has greater familiarity Finding music with pictures - SXSW 2011 39

69. One more problem ... Graph is not 100% connected. Finding music with pictures - SXSW 2011 40

70. One more problem ... Graph is not 100% connected. Finding music with pictures - SXSW 2011 40

71. Making the graph connected Build a minimum spanning tree from the graph Finding music with pictures - SXSW 2011 41

72. Making the graph connected Build a minimum spanning tree from the graph Finding music with pictures - SXSW 2011 41

73. 2K artists A browsing network for music discovery Finding music with pictures - SXSW 2011 42

74. 2K artists A browsing network for music discovery Finding music with pictures - SXSW 2011 42

75. Interactive Mirrored Radio dial - by thomwatson Finding music with pictures - SXSW 2011 43

76. The SXSW Music Maze Finding music with pictures - SXSW 2011 http://static.echonest.com/SxswMusicMaze/SxswMusicMaze.html 44

77. liveplasma http://liveplasma.com 45

78. Flow List Finding music with pictures - SXSW 2011 http://bowr.de/ﬂowlist/ﬂowlist.html 46

79. MoodLogic Finding music with pictures - SXSW 2011 47

80. Mr. Emo: Music Retrieval in the Emotional Plane http://mpac.ee.ntu.edu.tw/~yihsuan/pub/MM08_MrEmo.pdf Finding music with pictures - SXSW 2011 48

81. Music Box Finding music with pictures - SXSW 2011 http://thesis.ﬂyingpudding.com/ - Anita Lillie 49

82. 3D Track similarity The Muﬁn Player Finding music with pictures - SXSW 2011 50

83. Discovr Finding music with pictures - SXSW 2011 51

84. Hitlantis www.hitlantis.com Finding music with pictures - SXSW 2011 52

85. SongExplorer SongExplorer: Exploring Large Musical Databases Using a Tabletop Interface Carles F. Julià - Music Technology Group - Universitat Pompeu Fabra Finding music with pictures - SXSW 2011 53

86. Search Inside the Music http://mediacast.sun.com/share/plamere/sitm_ﬁnal.pdf - Lamere, Eck Finding music with pictures - SXSW 2011 54

Finding Music With Pictures: Using Visualization for Discovery

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Finding Music With Pictures: Using Visualization for Discovery

Similar to Finding Music With Pictures: Using Visualization for Discovery (13)

More from Paul Lamere

More from Paul Lamere (11)

Recently uploaded

Recently uploaded (20)

Finding Music With Pictures: Using Visualization for Discovery