Visualization of Music Data Visualization Tools that deal with music

Slides:



Advertisements
Similar presentations
Arts Education 6.  Rhythm  Pitch  Melody  Dynamics  Timbre/tone  Texture.
Advertisements

A Survey of Tools for Sonic and Music Visualization Janet G. Lazar.
Name: Handin: Mon April 14 (start of class) Perceptual Coding and Interaction – Treemap
© Anselm Spoerri Information Visualization Information Visualization Course Prof. Anselm Spoerri
The Visualization of Financial Data A review of information visualization tools in the financial data domain by Brian Sylvester LIS 544 Spring 2008.
© Anselm Spoerri Information Visualization Information Visualization Course Prof. Anselm Spoerri
TED 105 Fall Design elements are the basic units of a painting, drawing, design or other visual piece and include: Line Shape Form Color Texture.
 1. Which is not one of the six principles that address crucial issues fundamental to all school math programs? A. Curriculum B. Assessment C. Measurement.
ELEMENTS OF ART Beginning Drawing NOTES
MACHINE LEARNING TECHNIQUES FOR MUSIC PREDICTION S. Grant Lowe Advisor: Prof. Nick Webb.
Principles & Elements of Design John Jay High School.
© Anselm Spoerri Lecture 4 Information Visualization –Origins –Data Types, Display Variables and Ranking of Visual Properties –Mappings + Timings –Key.
Identifying Colors Webquest Introduction Task Process Evaluation Conclusion Teacher’s Page.
Music Is The Art Of Expressing Yourself Through Sound.
PRINCIPLES OF DESIGN.
Art Analysis and Criticism When evaluating a work of art, it is always important to make a thorough inventory of the various characteristics and ideas.
MASSACHUSETTS ART CURRICULUM FRAMEWORK Sarah Walker and Chelsea Greene.
The use of elements in a work of art to create a consistent effect All parts of a work of art working together to create a consistent effect – no one.
Discovering the Arts  Elements of Music  Elements of Art.
You Can’t Afford to be Late!
1 Presentation Methodology Summary B. Golden. 2 Introduction Why use visualizations?  To facilitate user comprehension  To convey complexity and intricacy.
© 2006 The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Part I Elements.
Information Visualization Course
Chapter 9 Art Composition. Chapter 9 Art Composition.
Teaching with Depth An Understanding of Webb’s Depth of Knowledge
You Can’t Afford to be Late!
Software Engineering Lecture 4 System Modeling The Analysis Stage.
Chapter 9 Art Composition. Chapter 9 Art Composition.
Using Victorian Curriculum to plan Visual Arts & Visual Communication learning Webinar, 10 November 2016.
Introduction to New Product Development (Feasibility Plans)
Form and Function in 2D Design
Introduction to Music Harmony & Texture
Lecture 14 – Course Review
Introduction to Design
Elements of Art and Principles of Design
Design and Layout (part two)
Analysis A way of understanding…of making meaning for clarity and significance in order to develop an idea. That meaning is then communicated to readers.
Unit 2 What’s Next.
7 Principals of Design The principles of design describe the ways that artists use the elements of art in a work of art or an image that is captured. Balance.
Chapter 10: Process Implementation with Executable Models
Processes & techniques
Visual Perception.
Multimedia Fundamentals
Composition in Photography
CSc4730/6730 Scientific Visualization
Applications Software
Visual and Performing Arts
Sculpting 3D Models Dorsey & McMillan
Mapping - Linking - Planning - Documenting
Art and Design – Formal Elements Miss Brompton
AN INTRODUCTION TO COMPUTER GRAPHICS Subject: Computer Graphics Lecture No: 01 Batch: 16BS(Information Technology)
Intro to Digital Media & Multimedia
7 Principals of Design The principles of design describe the ways that artists use the elements of art in a work of art or an image that is captured. Balance.
Principles and Elements of design
Benefits of PowerPoint
Sound, language, thought and sense integration
Art History and Aesthetics… Why should I care?
Sculptural Fundamentals
CMPE 280 Web UI Design and Development March 26 Class Meeting
RECHORDS Assignment #6: Med-Fi Prototype
Scientific Method.
Principles of Design How to create visually-pleasing designs and capture the viewers’ attention.
Mapping - Linking - Planning - Documenting
Applying the Rhetorical Writing Process
Institute of New Media Development and Research
Principles of Design Photography.
Online health and community indicator platforms
Chapter 9 System Control
X-ray high resolution spectra in the VO: the case of XMM-Newton RGS
Elements and Principles For Design!
Presentation transcript:

Visualization of Music Data Visualization Tools that deal with music Mary Carter Information Visualization, §554 Fall 2012

Definition of the data set MUSIC

Definition of the data set MUSIC Can be as complex as “the science or art of ordering tones or sounds in succession, in combination, and in temporal relationships to produce a composition having unity and continuity,” or as simple as “an agreeable sound.”

Definition of the data set MUSIC Can be as complex as “the science or art of ordering tones or sounds in succession, in combination, and in temporal relationships to produce a composition having unity and continuity,” or as simple as “an agreeable sound.” Or as simple as “an agreeable sound.”

Definition of the data set MUSIC Can be as complex as “the science or art of ordering tones or sounds in succession, in combination, and in temporal relationships to produce a composition having unity and continuity,” or as simple as “an agreeable sound.” Or as simple as “an agreeable sound.” “When we conceptualize music as information, we are referring to elements of music such as pitches, chords, tempo and dynamics on one level, and contextual information such as genres, performers, dates and instrumentation on another.” -Margaret Lam

Definition of the data set MUSIC Can be as complex as “the science or art of ordering tones or sounds in succession, in combination, and in temporal relationships to produce a composition having unity and continuity,” or as simple as “an agreeable sound.” Or as simple as “an agreeable sound.” “When we conceptualize music as information, we are referring to elements of music such as pitches, chords, tempo and dynamics on one level, and contextual information such as genres, performers, dates and instrumentation on another.” -Margaret Lam Many of the visualizations rely heavily on context, i.e. the visualizing by genre or artist.

Definition of the data set MUSIC 20 tools were examined, and fell into three categories:

Definition of the data set MUSIC 20 tools were examined, and fell into three categories: Music discovery tools

Definition of the data set MUSIC 20 tools were examined, and fell into three categories: Music discovery tools Tools for research

Definition of the data set MUSIC 20 tools were examined, and fell into three categories: Music discovery tools Tools for research Tools for the consumer

Definition of the data set MUSIC 20 tools were examined, and fell into three categories: Music discovery tools

Music discovery tools MUSIC MusicMap [music-map.com] Music Sun [http://pampalk.at/MusicSun/] current information and links NOT available Music Rainbow [http://pampalk.at/MusicRainbow/] current information and links NOT available MusicLens [http://www.ddd-system.com/produkte/musiclens/] PROTOTYPE: Liveplasma [www.liveplasma.com]

Characteristics Music discovery tools are by far the most prevalent visualization tools for music. These tools can be manifested in a variety of ways: Treemaps: Most tools are hybrid visualizations, usually a combinations of flow charts, connection visualizations, and interactive visualizations ( see LivePlasma, and Music Sun, and MusicLens) These tools show relations amongst musicians. The idea is that, if a user likes one kind of music, he or she can use an artist or particular song to find similar music.

PROTOTYPE DISCOVERY TOOL LIVE PLASMA [www.liveplasma.com] -courtesy of ed tech toolbox

Perceptual x Interaction x TOOLBOX FOR MusicLens Info Density x X Position x Size Orientation Texture Shape Color Shading Depth Cues Surface Motion Stereo Proximity Similarity Continuity Connectedness Closure Containment Interaction Direct Manipulation x Immediate Feedback Linked Displays Animate Shift of Focus Dynamic Sliders Semantic Zoom Focus + Content Details on-demand Output  Input TOOLBOX FOR MusicLens Color distinguishes between different kinds of electronic/different instruments associated in the making of the music Only a connoisseur of the techno music industry would be able to digest everything on the page. No direct manipulation with the data. Info Density Maximize data ratio x Maximize data density Minimize Lie Factor X

Music Viz Tools for Researchers Visualization of the last.gm dataset [http://www.visual-telling.com/?p=18] Genealogy of Music and Pop Rock by Rebee Garofalo [http://www.historyshots.com/rockmusic/index.cfm] Musicovery: [musicovery.com] Last.fm Heatmap Calendars [http://dekstop.de/weblog/2011/09/lastfm_heatmap_calendars/] Last Graph [http://lastgraph3.aeracode.org/] Musician Map [http://www.sfu.ca/~jdyim/musicianMap/] Music listening habits via streamed graphs [http://www.leebyron.com/what/lastfm/] PROTOTYPE: Ishkur’s Guide to Electronic Dance Music [http://techno.org/electronic-music-guide/]

CHARACTERISTICS Researchers are any users who are not using the following information visualization tools to enhance their own personal music taste, but instead are using the tools to further their knowledge for the purposes of proving a thesis (however tentative it may be). Research visualization tools are an amalgam of many different types of visualizations, including heatmaps (see Last.fm Heatmap Calendars), graphs (see Last Graph), maps (see Genealogy of Music and Pop Rock by Rebee Garofolo, Musicovery, Musician Map, and Ishkur’s Guide to Electronic Music)

PROTOTYPE RESEARCHER TOOL Ishkur's Guide to Electronic Music [http://techno.org/electronic-music-guide/] -courtesy of DJ Vibe

TOOLBOX FOR ISHKUR’S GUIDE TO ELECTRONIC MUSIC Perceptual Position x Size Orientation Texture Shape Color Shading Depth Cues Surface Motion Stereo Proximity Similarity Continuity Connectedness Closure Containment Interaction Direct Manipulation Immediate Feedback Linked Displays Animate Shift of Focus Dynamic Sliders Semantic Zoom Focus + Content Details on-demand Output  Input TOOLBOX FOR ISHKUR’S GUIDE TO ELECTRONIC MUSIC Color distinguishes between different kinds of electronic/different instruments associated in the making of the music Only a connoisseur of the techno music industry would be able to digest everything on the page. No direct manipulation with the data. Info Density Maximize data ratio Maximize data density Minimize Lie Factor x

MUSIC Tools for the Consumer

Tools for the Consumer MUSIC MusicNodes [http://www.musicnodes.no/AboutUs.aspx] Zune MixView (retired) [http://www.dailymotion.com/video/x9nmnh_microsoft-zune-mixview-ad_news#.UNGBlXdQCig] Tuneglue [http://audiomap.tuneglue.net/] Moody [http://www.crayonroom.com/moody.php] PROTOTYPE: Hitlantis [hitlantis.com]

CHARACTERISTICS Consumer tools are very similar to music discovery tools, but their ultimate goals are different Consumer tools entice users to purchase music, and thus come with more added information, as well as the ability to share information about music preferences. Visualizations are most often nodal maps (Hitlantis, MusicNodes), some are just interactive visuals (Zune MixView).

PROTOTYPE CONSUMER TOOL Hitlantis [www.hitlantis.com] - courtesy of tight mix blog

Perceptual x Interaction x TOOLBOX FOR HITLANTIS Position x Size Orientation Texture Shape Color Shading Depth Cues Surface Motion Stereo Proximity Similarity Continuity Connectedness Closure Containment Interaction Direct Manipulation x Immediate Feedback Linked Displays Animate Shift of Focus Dynamic Sliders Semantic Zoom Focus + Content Details on-demand Output  Input TOOLBOX FOR HITLANTIS Hitlantis makes good use of color, but perhaps at the expense of other perceptual cues. There is quite a bit of interaction to be had, with rich feedback and details provided Info Density Maximize data ratio x Maximize data density Minimize Lie Factor

CONCLUSION From the above analyses of twenty music information visualization tools, it is apparent that most tools are used for music discover. All tools rely heavily on color as a method of conveying information. Very few tools are misleading, though some may not maximize data ratio and density, instead preferring too much “flare” over efficient presentation of information. Direct manipulation is a preferable, though not always present facet of many tools analyzed herein. Research tools make more use of a variety of different types of visualizations (graphs and heatmaps as well as nodal maps).