This document discusses various ways of visualizing music data to aid in music discovery. It begins by outlining challenges in music discovery based on listener studies. It then provides numerous examples of visualizations including genre maps, timelines, graphs, maps, and interactive interfaces. These visualizations attempt to organize and relate music based on attributes like genre, time period, location, mood, and similarity between tracks. The document argues that visual approaches can engage cognitive patterns to help explore large musical databases for discovery.
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
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
38. 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
39. 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
40. 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
51. Artist map - level 1 in/out
Finding music with pictures - SXSW 2011 35
52. Artist map - level 1 in/out
Finding music with pictures - SXSW 2011 35
53. Artist map - level 1 in/out
Finding music with pictures - SXSW 2011 35
54. Artist map - level 1 in/out
Finding music with pictures - SXSW 2011 35
55. Artist map - level 1 in/out
Finding music with pictures - SXSW 2011 35
56. Artist map - level 1 in/out
Finding music with pictures - SXSW 2011 35
57. 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
63. Reducing the edges
Attach artists to only one most similar artist
Finding music with pictures - SXSW 2011 38
64. 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
67. Putting ELO II in its place
Attach artists to the most similar artist that has greater familiarity
Finding music with pictures - SXSW 2011 39
68. 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
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_final.pdf - Lamere, Eck
Finding music with pictures - SXSW 2011 54