<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Ethan Hein&#039;s Blog &#187; visualization</title>
	<atom:link href="http://www.ethanhein.com/wp/tag/visualization/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ethanhein.com/wp</link>
	<description>Music, Technology, Evolution</description>
	<lastBuildDate>Fri, 18 May 2012 00:48:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Image schemas in music software</title>
		<link>http://www.ethanhein.com/wp/2012/image-schemas-in-music-software/</link>
		<comments>http://www.ethanhein.com/wp/2012/image-schemas-in-music-software/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 02:26:15 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[ableton]]></category>
		<category><![CDATA[garageband]]></category>
		<category><![CDATA[george lakoff]]></category>
		<category><![CDATA[harmony]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[nyu]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=8497</guid>
		<description><![CDATA[I&#8217;m doing a ton of writing for grad school, and will be posting the highlights here. First off, an abstract and discussion of this article: Katie Wilkie, Simon Holland, and Paul Mulholland. Winter, 2010. What Can The Language Of Musicians Tell Us About Music Interaction Design? Computer Music Journal, Vol. 34, No. 4, Pages 34-48 [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m doing a ton of writing for <a href="http://steinhardt.nyu.edu/music/technology/programs/graduate/">grad school</a>, and will be posting the highlights here. First off, an abstract and discussion of this article:</p>
<p>Katie Wilkie, Simon Holland, and Paul Mulholland. Winter, 2010. What Can The Language Of Musicians Tell Us About Music Interaction Design? Computer Music Journal, Vol. 34, No. 4, Pages 34-48</p>
<p>The authors discuss the ways that user interface design for music production and teaching software is informed by embodied cognition, as articulated by George Lakoff and Mark Johnson in their book <a href="http://www.amazon.com/Metaphors-We-Live-George-Lakoff/dp/0226468011">Metaphors We Live By</a>. Lakoff and Johnson argue that all metaphors trace their roots to states of the human body, which are the only basis for abstract thought that we possess. The closer a metaphor is to a state of the body, the easier it is for us to understand.</p>
<p><span id="more-8497"></span>In music, the most obvious bodily metaphors are rhythm and repetition, which we experience throughout the sensory world, not just in music. We also use a variety of spatial metaphors for music, referred to by the authors as image schemas. Listeners commonly conceive of music using images of containers, cycles, verticality, balance, the notion of center-periphery, and (in the case of western melodies) a narrative of source-path-goal.</p>
<p>An example of the container schema is the statement “Bb is in the key of F.” We imagine the key of F as a container, with Bb as one of its contents. We think of chords as being stacked vertically, like a pile of bricks. When we conceive melodies, we think of the line going for a metaphorical walk, with altitude standing in for pitch: “The melody starts on F, goes up to Bb, down to A, and then lands back on F.” (However, the “pitch-as-height” metaphor is muddied by the circularity of pitch class, and by the fact that we feel ascending pitch movement differently from ascending.) We may use alternative image schemas; that higher pitches are brighter, and lower pitches are darker. We are on stronger footing with the notion of the tonic as “home base” — we imagine a piece that modulates through different keys as going out on a journey and then returning home.</p>
<p>People approach software equipped with bodily image schemas, learned and innate. The highest praise one can give to an interface is that it is “intuitive.” The authors define an intuitive interface as one that allows the user to apply prior knowledge and existing image schema: innate, sensory-motor, embodied, cultural, or expert.</p>
<p>The authors evaluate two software programs in terms of their intuitiveness, or lack thereof. The first is Harmony Space, a program written by one of the paper’s authors to “systematically and richly designed to exploit spatial metaphors for harmonic concepts.” (Unfortunately, this software is no longer available online, aside from low-resolution screenshots.) Harmony Space organizes the diatonic pitches onto a grid with the topology of a torus, organized by <a href="http://en.wikipedia.org/wiki/Tonnetz">Euler’s tonnetz scheme</a>. This organization helps users understand harmony in terms of spatial proximity. In Harmony Space, adjacent notes form diatonic thirds and triads. Chords and scales form distinctive geometric shapes. The user can transpose chords and other patterns by simply moving the shapes around on the grid. While this is an elegant didactic tool, it is only partially useful. By design, Harmony Space totally neglects rhythm. The authors discuss the difficulty of designing a visualization scheme for rhythm that is as elegant as the tone grid.</p>
<p>The other software program evaluated is Apple’s Garageband. Since Apple includes it for free with Macs, Garageband has become widely used by amateurs. It is a simplified version of Logic, using the same multitrack tape recorder metaphor as most other DAWs. This metaphor is not immediately intuitive, but it is easily learned — users quickly learn to imagine a chorus of voices, with each voice occupying its own horizontal track. The left-to-right timeline is also immediately intuitive once the user sees it in action. Garageband adds an appealing loop library to the basic recording functionality. The loops can be altered by the user in a full-fledged MIDI editor.</p>
<p>The authors praise Garageband for its combination of versatility and accessibility, but they miss some of the program’s shortcomings as a tool for beginner self-teaching. Garageband offers many attractive-sounding loops and instrument sounds, but offers no suggestion as to how to make good musical use of those materials. It does not suggest, for example, that by western pop tradition, loops sound best when repeated two, four, eight or sixteen times. Also, it makes no attempt at showing harmonic relationships; users are left to trial and error to find musical chord/scale combinations. Ideally, Garageband’s MIDI editor would suggest to the user which notes would actually sound good, perhaps by coloring chord tones green, extensions yellow and dissonant notes red.</p>
<p>Garageband and Harmony Space are intriguing, but surely better visual metaphors for music have yet to be implemented. For example, while the “container” for chords is intuitive, it is also misleading, since the chord is comprised of tones, not a box for them. A better image would be tones as atoms and chords as molecules built from those atoms, which gets at their relational nature better. As the molecule becomes a more familiar image, it will become available as an “intuitive” image schema.</p>
<p>I anticipate that the next generation of beginner-oriented production software will draw not on the tape recorder metaphor, but on the sampler. I could imagine simplified version of the <a href="http://www.ableton.com/live-session-view">Session View</a> in Ableton Live, allowing the user to build songs out of musical “legos,” dragging and dropping in real time.</p>
<p><em>See also a post collecting my favorite <a href="http://www.ethanhein.com/wp/2011/visualizing-music/">music visualization systems</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2012/image-schemas-in-music-software/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Updated social flow</title>
		<link>http://www.ethanhein.com/wp/2011/updated-social-flow/</link>
		<comments>http://www.ethanhein.com/wp/2011/updated-social-flow/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 15:47:15 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Autobio]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Writing]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[instagram]]></category>
		<category><![CDATA[instapaper]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[networks]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[quora]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[soundcloud]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=8228</guid>
		<description><![CDATA[Every so often I like to document my ever-evolving internet presence. Here&#8217;s how things stand at the moment. Click the flowchart to see it bigger; explanation is below. Facebook I&#8217;m no great lover of FB, but I have a lot of friends and family who I can&#8217;t easily be in touch with any other way. [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Every so often I like to document my ever-evolving internet presence. Here&#8217;s how things stand at the moment. Click the flowchart to see it bigger; explanation is below.</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/ethanhein/6344806462/sizes/l/in/photostream/" target="_blank"><img class="aligncenter" title="Click to enlarge" src="http://farm7.static.flickr.com/6040/6344806462_3f1faa0a7b_z_d.jpg" alt="" width="640" height="480" /></a></p>
<p style="text-align: left;"><a href="http://www.facebook.com/#%21/ethan.hein"><strong><span id="more-8228"></span>Facebook</strong></a></p>
<p style="text-align: left; padding-left: 30px;">I&#8217;m no great lover of FB, but I have a lot of friends and family who I can&#8217;t easily be in touch with any other way. For better or for worse, FB is a major center of social and informational gravity, a major feature of the landscape, and for all our <a href="http://www.ethanhein.com/wp/2011/facebook-and-multiple-identites/">complaints about privacy</a>, I don&#8217;t see us abandoning it en masse.</p>
<p><a href="http://www.flickr.com/photos/ethanhein/"><strong>Flickr</strong></a></p>
<p style="padding-left: 30px;">Despite Yahoo&#8217;s neglect, this continues to be the internet&#8217;s most wonderful image storage and sharing tool, bar none. All the graphics I create for this blog live on Flickr, and the community there continues to be a lively one.</p>
<p><a href="https://plus.google.com/u/0/116777743880108446483/posts"><strong>Google+</strong></a></p>
<p style="padding-left: 30px;">I don&#8217;t really know what to do with this yet, or whether I&#8217;m all that committed to it. I mostly just repost my blog posts and music there if I want to widen their reach. I don&#8217;t follow other people&#8217;s posts either. Still, it&#8217;s worth keeping an eye on.</p>
<p><a href="http://web.stagram.com/n/ethanhein/"><strong>Instagram</strong></a></p>
<p style="padding-left: 30px;">This frivolous-seeming iPhone app has turned into a steady source of creative gratification for me. Nine times out of ten I&#8217;d rather take Instagram photos than carry around a real digital camera. The iPhone is an awkward camera at best, but the pleasure of the filters and the instant sharing overcomes the app&#8217;s limitations. I automatically send all my photos to Tumblr and Flickr.</p>
<p><a href="http://www.linkedin.com/in/ethanhein"><strong>LinkedIn</strong></a></p>
<p style="padding-left: 30px;">I&#8217;m not as active in the LinkedIn groups as I should be, since Quora scratches that itch for me more effectively. But the news feed is intermittently interesting, the job postings are easy to use, and it&#8217;s a handy way to keep my professional contacts in one place.</p>
<p><a href="http://www.quora.com/Ethan-Hein"><strong>Quora</strong></a></p>
<p style="padding-left: 30px;">My favorite web thing of the moment. It&#8217;s ostensibly a Q&amp;A site, but it&#8217;s also been a rich source of <a href="http://www.ethanhein.com/wp/tag/quora/">blog inspiration</a>, a networking tool, a social game and a bottomless source of amusement. It fills some of the hole left by the <a href="http://www.ethanhein.com/wp/2010/the-delicious-debacle/">decimation</a> of my <a href="http://delicious.com/network/ethan_t_hein">Delicious network</a>. Enjoy it now, while it still has a high signal to noise ratio.</p>
<p><a href="http://soundcloud.com/ethanhein"><strong>SoundCloud</strong></a></p>
<p style="padding-left: 30px;">Out of all the music sharing tools I&#8217;ve tried, this is the winner. Its embedded player is attractive and elegant, the timed comments feature is a nifty one, and it has a lively community. It plays very nicely with Tumblr, Facebook and Google+ too.</p>
<p style="text-align: left;"><a href="http://ethanhein.tumblr.com/"><strong>Tumblr</strong></a></p>
<p style="padding-left: 30px;">I initially regarded Tumblr as a toy, a source of amusing internet memes and pictures of strange animals, but as I follow more people there, it&#8217;s becoming steadily more substantive. I&#8217;m starting to find full-blown essays and news there that I don&#8217;t see elsewhere. Also, the steady stream of science imagery is a daily pleasure. Effortless one-click reblogging is still the killer feature. Not too many people I know in real life follow me on Tumblr, so I automatically send all my posts there to Facebook &#8212; I wouldn&#8217;t anyone to miss a silly internet meme or picture of a strange animal.</p>
<p><a href="http://twitter.com/ethanhein"><strong>Twitter</strong></a></p>
<p style="padding-left: 30px;">While Facebook is good for being in touch with people I know, Twitter has been the best tool for me to get connected to people I don&#8217;t know. I&#8217;ve even made some valued real-life friends there, as well as a bunch of valuable professional connections. But mostly it&#8217;s a hub for ideas, news, gossip, hip-hop slang and pop cultural amusement. As the saying goes, Twitter is the golf course for geeks. I mostly access it via <a href="http://hootsuite.com/">Hootsuite</a>.</p>
<p><a href="http://www.ethanhein.com/wp/"><strong>WordPress</strong></a></p>
<p style="padding-left: 30px;">This blog continues to be the hub of my online life. I might post fragmentary or partial ideas elsewhere, and then they mature into complete thoughts here. Quora has been a really good source of blog fodder recently, and my old blog posts have been getting new life as Quora answers. A happy synergy.</p>
<p><strong>Miscellany</strong></p>
<p style="padding-left: 30px;">I use <a href="http://www.instapaper.com/">Instapaper</a> constantly, and not just for offline reading &#8212; it&#8217;s a good way to make web pages more readable on the iPhone, especially Wikipedia articles. I didn&#8217;t list it here because it&#8217;s not really social, and I don&#8217;t publish anything on it.</p>
<p style="padding-left: 30px;">I still make nominal use of <a href="http://www.delicious.com/ethan_t_hein">Delicious</a>, but it&#8217;s fallen far out of the regular rotation.</p>
<p style="padding-left: 30px;">I stream everything to <a href="http://friendfeed.com/ethanhein">FriendFeed</a>, purely for <a href="http://www.ethanhein.com/wp/2010/how-to-get-web-traffic-from-google/">SEO</a> reasons.</p>
<p style="padding-left: 30px;">My wife is addicted to <a href="http://www.metafilter.com/">Metafilter</a>, and I look in on that from time to time, but haven&#8217;t had the brainspace yet to participate. I get a ton of traffic to my blog from <a href="http://www.stumbleupon.com/home/">Stumbleupon</a> and <a href="http://www.reddit.com/">Reddit</a>, but again, don&#8217;t have the bandwidth to participate in those sites.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2011/updated-social-flow/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Is music the most abstract art form?</title>
		<link>http://www.ethanhein.com/wp/2011/is-music-the-most-abstract-art-form/</link>
		<comments>http://www.ethanhein.com/wp/2011/is-music-the-most-abstract-art-form/#comments</comments>
		<pubDate>Wed, 02 Nov 2011 13:57:11 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Math]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Visual art]]></category>
		<category><![CDATA[abstraction]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[knots]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[quora]]></category>
		<category><![CDATA[representation]]></category>
		<category><![CDATA[symmetry]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/2011/is-music-the-most-abstract-art-form/</guid>
		<description><![CDATA[The Quora question that prompted this post asks: Why has music been historically the most abstract art form? We can see highly developed musical forms in renaissance polyphony and baroque counterpoint. The secular forms of this music is often non-programmatic or &#8220;absolute music.&#8221; In contrast to this, the paintings and sculpture of those times are [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.quora.com/Why-has-music-been-historically-the-most-abstract-art-form">Quora question</a> that prompted this post asks:</p>
<blockquote>
<div id="ld_7v4LKO_1980"><strong>Why has music been historically the most abstract art form?</strong></div>
</blockquote>
<div id="ld_7v4LKO_1981">
<div>
<blockquote>
<div>We can see highly developed musical forms in renaissance polyphony and baroque counterpoint. The secular forms of this music is often non-programmatic or &#8220;absolute music.&#8221; In contrast to this, the paintings and sculpture of those times are often representational. Did music start as representational but merely move to a more abstract art form than other types of arts sooner? Does it lend it self to this sort of abstraction more easily?</div>
</blockquote>
</div>
</div>
<p>I had an art professor in college who argued that all &#8220;representational&#8221; art is abstract, and all &#8220;abstract&#8221; art is representational. Any art has to refer back to sensory impressions of the world, internal or external, because that&#8217;s the only raw material we have to work with. Meanwhile, you&#8217;re unlikely to ever mistake a work of representational art for the object it represents. You don&#8217;t mistake photographs (or photorealistic paintings) for their subjects, and even the most &#8220;realistic&#8221; special effects in movies require willing suspension of disbelief.</p>
<p><span id="more-8202"></span></p>
<p>Music seems more abstract than other art forms because it represents emotional states, symmetry and repetition, and other intangibles. But just because you can&#8217;t see or touch these things, doesn&#8217;t make them any less real. In preliterate societies, music was probably one of the best methods for storing and conveying complex stories and information.</p>
<p>Also, I dispute the idea that visual art started representational and then &#8220;progressed&#8221; toward greater abstraction. Architecture, textiles, tile work, face and body decorations and jewelry all use pattern, color and texture for their own sake, without any representational content.</p>
<p><a href="http://en.wikipedia.org/wiki/Mudcloth"><img class="qtext_image aligncenter" title="Mudcloth" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-aa651a475fa3ccd93c34c47b01fd398c" alt="" width="400" height="300" /></a></p>
<p><a href="http://en.wikipedia.org/wiki/Islamic_interlace_patterns"><img class="qtext_image aligncenter" style="cursor: pointer;" title="Islamic interace patterns" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-6d1e41ac12ec1ddeefe3a250e27378ff" alt="" width="485" height="364" /></a></p>
<p><a href="http://en.wikipedia.org/wiki/Chinese_knot"><img class="qtext_image aligncenter" title="Chinese knotting" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-429ba83b4e7a40c88b0444b13611d678" alt="" width="402" height="599" /></a></p>
<p><a href="http://en.wikipedia.org/wiki/Magimagi"><img class="qtext_image aligncenter" style="cursor: pointer;" title="Magimagi" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-cd483d6632be6b615a8ceb2873b96ae6" alt="" width="485" height="368" /></a></p>
<p class="external_link"><a href="http://en.wikipedia.org/wiki/Rose_window"><img class="qtext_image aligncenter" style="cursor: pointer;" title="Rose window" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-ccdb8b80191f00a039c631a1c19d2688" alt="" width="485" height="485" /></a></p>
<p>Any one of the above images could pass as a <a href="http://www.ethanhein.com/wp/2011/visualizing-music/">music visualization or notation</a>. I see a strong parallel between this kind of decorative art and the mathematical patterns in music &#8212; there&#8217;s the interest in interlocking patterns and symmetry for their own sake. Symmetry is a fact of the world, and both abstract art and music represent that fact clearly.</p>
<p><em><span class="qlink_container"><a href="http://www.quora.com/Why-has-music-been-historically-the-most-abstract-art-form">Original post on Quora</a></span></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2011/is-music-the-most-abstract-art-form/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Visualizing music</title>
		<link>http://www.ethanhein.com/wp/2011/visualizing-music/</link>
		<comments>http://www.ethanhein.com/wp/2011/visualizing-music/#comments</comments>
		<pubDate>Tue, 11 Oct 2011 20:31:23 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Composition]]></category>
		<category><![CDATA[Interfaces]]></category>
		<category><![CDATA[Math]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Music Theory]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Visual art]]></category>
		<category><![CDATA[bjork]]></category>
		<category><![CDATA[euler]]></category>
		<category><![CDATA[funky drummer]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[looping]]></category>
		<category><![CDATA[melodyne]]></category>
		<category><![CDATA[music notation]]></category>
		<category><![CDATA[networks]]></category>
		<category><![CDATA[notation]]></category>
		<category><![CDATA[reason]]></category>
		<category><![CDATA[Recording]]></category>
		<category><![CDATA[recycle]]></category>
		<category><![CDATA[roger penrose]]></category>
		<category><![CDATA[topology]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=7842</guid>
		<description><![CDATA[When you do computer-based music production and composition, you&#8217;re working as much with your eyes as you are with your ears. It&#8217;s only natural to start wondering about other music visualization systems. The representations in audio editors like Pro Tools and Ableton Live are purely informational, waveforms and grids and linear graphs. Some visualization systems [...]]]></description>
			<content:encoded><![CDATA[<p>When you do computer-based music production and composition, you&#8217;re working as much with your eyes as you are with your ears. It&#8217;s only natural to start wondering about other music visualization systems. The representations in audio editors like Pro Tools and <a href="http://www.flickr.com/photos/ethanhein/5691151918/in/photostream/">Ableton Live</a> are purely informational, waveforms and grids and linear graphs. Some visualization systems are purely decorative, like the psychedelic semi-random graphics produced by iTunes. Some systems lie in between. I see rich potential in these graphical systems for better understanding of how music works, and for new compositional methods. Here&#8217;s a sampling of the most interesting music visualization systems I&#8217;ve come across.</p>
<h3>Music notation</h3>
<p>Western music notation is a venerable method of visualizing music. It&#8217;s a very neat and compact system, unambiguous and digital, and not too difficult to learn. Programs like Sibelius can effortlessly translate notation to and from MIDI data, too.</p>
<p><a title="Chameleon bass loop by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/3563600685/"><img class="aligncenter" src="http://farm3.static.flickr.com/2457/3563600685_ebcfb1baa2.jpg" alt="Chameleon bass loop" width="500" height="53" /></a></p>
<p>But western notation has some limitations, especially for contemporary music. It doesn&#8217;t handle <a href="http://www.ethanhein.com/wp/2010/blue-notes/">microtones</a> well. It has limited ability to convey performative nuance &#8212; after a hundred years of jazz, there&#8217;s no good way to notate <a href="www.ethanhein.com/wp/2011/swing/">swing</a> other than to just write the word &#8220;swing&#8221; at the top of the score. The <a href="http://www.ethanhein.com/wp/2011/how-do-you-know-what-key-youre-in/">key signature</a> system works fine for <a href="http://www.ethanhein.com/wp/2011/meet-the-major-scale/">major keys</a>, but is less helpful for <a href="http://www.ethanhein.com/wp/2011/intro-to-minor-keys/">minor keys</a> and <a href="http://www.ethanhein.com/wp/2011/the-major-scale-modes/">modal music</a> and is pretty much worthless for <a href="http://www.ethanhein.com/wp/2011/blues-basics/">the blues</a>.</p>
<p>Here&#8217;s a suggestion for how notation could improve in the future. It&#8217;s a visualization by <a href="http://www.offhanddesigns.com/jon/portfolio.html">Jon Snydal </a>of John Coltrane&#8217;s solo in Miles Davis&#8217; &#8220;All Blues&#8221;  (I edited it a little to be easier on the eyes.)</p>
<p><a><img class="aligncenter" src="http://farm3.static.flickr.com/2282/2275381590_2d437d674c.jpg" alt="John Coltrane's solo on All Blues" width="500" height="220" /></a>Snydal&#8217;s visualization is more analog than digital &#8212; it shows the exact nuances of Coltrane&#8217;s performance, with subtle shadings of pitch, timing and dynamics.</p>
<p style="text-align: left;"><span id="more-7842"></span>MIDI sequencers suggest further improvements over standard notation. Here&#8217;s a simplified electronic music sequencer called <a href="http://www.inudge.net/index.en.html">iNudge</a>. Play, it&#8217;s fun:</p>
<p class="aligncenter" style="text-align: center;"><object width="390" height="400" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="window" /><param name="FlashVars" value="id=13g" /><param name="src" value="http://embed.inudge.net/nudge.swf" /><param name="flashvars" value="id=13g" /><embed width="390" height="400" type="application/x-shockwave-flash" src="http://embed.inudge.net/nudge.swf" wmode="window" FlashVars="id=13g" flashvars="id=13g" /></object></p>
<p style="text-align: left;">Here&#8217;s Thelonious Monk&#8217;s tune &#8220;Four In One&#8221; as shown in standard MIDI &#8220;piano roll&#8221; view. The rectangles show not only which notes are being played and when, but exactly how long they&#8217;re held. Darker red means louder, paler pink means quieter. You can also read volume off the bars along the bottom.</p>
<p><a title="MIDI sequence by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2417069142/"><img class="aligncenter" src="http://farm3.static.flickr.com/2348/2417069142_26befb238e.jpg" alt="MIDI sequence" width="500" height="347" /></a></p>
<p>MIDI is a versatile and user-friendly system. It can capture your keyboard performances, you can import scores, and you can even just draw notes onto the screen directly (my preferred method.)</p>
<p>The <a href="http://www.musanim.com/">Music Animation Machine</a> has a wonderful series of videos matching MIDI piano rolls of various classical pieces with recordings of them. Here&#8217;s Bach&#8217;s infamous Toccata and Fugue in D minor.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='480' height='360' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://www.youtube.com/embed/ipzR9bhei_o' ></iframe> "); 
 </script></p>
<p>As software gets more sophisticated in its ability to extract pitch data from actual audio recordings, you can start manipulating them with the same ease as MIDI. Here&#8217;s a screencap of the pitch-correction program <a href="http://www.celemony.com/cms/">Melodyne</a>, a close cousin of <a href="http://www.ethanhein.com/wp/2009/learning-music-theory-with-autotune/">Auto-tune</a>.</p>
<p><a title="Melodyne screencap by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2335205869/"><img class="aligncenter" src="http://farm3.static.flickr.com/2346/2335205869_b024fa9835_z.jpg?zz=1" alt="Melodyne screencap" width="640" height="414" /></a></p>
<p>The lines show the actual sung pitches, and the orange blobs show the notes the program thinks the singer meant to hit. The blobs&#8217; thickness shows volume. You can drag and drop the blobs and redraw the lines at will to alter the melody to your heart&#8217;s content. Melodyne even transcribes the performance to standard notation and MIDI for you.</p>
<h3>High and low</h3>
<p>We&#8217;ve made up our collective mind that faster frequencies should be spatially represented as being &#8220;higher,&#8221; and that slower ones should be spatially &#8220;lower.&#8221; It seems so reasonable, but really it&#8217;s totally arbitrary, and doesn&#8217;t even line up with physical experience. On the piano, the high notes are on the right and the low ones on the left. On the guitar, the &#8220;low&#8221; E string is physically located <em>above</em> the &#8220;high&#8221; one. The fingerings for higher and lower notes on wind instruments don&#8217;t correspond to a simple higher-lower axis either.</p>
<p>Absolute pitch is a straight line ladder, but <a href="http://en.wikipedia.org/wiki/Pitch_class">pitch class</a> is circular. The truest representation of pitch space is a helix.</p>
<h3><a title="Spiral ramp by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/1925166430/"><img class="aligncenter" src="http://farm3.static.flickr.com/2159/1925166430_b2b6fe1984.jpg" alt="Spiral ramp" width="281" height="300" /></a>Other ways to conceptualize pitch space</h3>
<p>High and low aren&#8217;t the only metaphors we use for faster and slower vibrations. Like I said, pitch class is circular.</p>
<p><a title="C major scale clockface by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/5373234026/"><img class="aligncenter" src="http://farm6.static.flickr.com/5286/5373234026_35166dddb3.jpg" alt="C major scale clockface" width="296" height="300" /></a>But the circle is really just replacing up/down with clockwise/counterclockwise. There are other ways to conceptualize pitch. We intuitively experience changing pitches as moving closer and further, or inwards and outwards. We also think of higher pitches as brighter and lower pitches as darker. Players of stringed instruments sometimes tune their upper strings a little bit too high on purpose, producing an effect known as brilliance.</p>
<h3>Time</h3>
<p>It&#8217;s a universal convention that notation shows time moving from left to right. But that&#8217;s not the only possible axis to use. How about forwards and backwards instead? That&#8217;s the paradigm in rhythm games like Dance Dance Revolution and Guitar Hero. The purest realization of this concept is in a game called <a href="http://en.wikipedia.org/wiki/Frequency_%28video_game%29">FreQuency</a>.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='480' height='360' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://www.youtube.com/embed/sv_qxwsPxCM' ></iframe> "); 
 </script></p>
<p>The game even allows you to construct your own remixes.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='480' height='360' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://www.youtube.com/embed/Iaffl68HR2g' ></iframe> "); 
 </script></p>
<p style="text-align: left;">I like this tunnel metaphor and would like to see it extended into a full-blown production environment.</p>
<h3>Waves</h3>
<p>Pitches are <a href="http://www.ethanhein.com/wp/2009/tuning-the-quantum-guitar/">sine-wave vibrations</a>, and you can visualize them as such.</p>
<p><a title="Harmony by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2441692002/"><img class="aligncenter" src="http://farm4.static.flickr.com/3002/2441692002_ee7aa7176c_o.jpg" alt="Harmony" width="604" height="434" /></a></p>
<p>Sine waves wouldn&#8217;t make for very a helpful music notation, but they do help you understand what&#8217;s going on scientifically when you physically hear something. They&#8217;re even better animated:</p>
<p><a href="http://commons.wikimedia.org/wiki/Category:Drum_vibration_animations"><img class="aligncenter" title="Drumhead vibrational mode" src="http://upload.wikimedia.org/wikipedia/commons/6/6f/Drum_vibration_mode22.gif" alt="" width="248" height="130" /></a></p>
<p>See all of Wikipedia&#8217;s <a href="http://commons.wikimedia.org/wiki/Category:Drum_vibration_animations">animated drum heads</a>.</p>
<h3>Waveforms</h3>
<p>Audio editors show music as amplitude waveforms, blobs that get wider where the sound is louder. Here&#8217;s the <a href="http://www.ethanhein.com/wp/2009/the-natural-history-of-the-funky-drummer-break/">Funky Drummer break</a> in <a href="http://www.propellerheads.se/products/recycle/">Recycle</a>. The blue blobs show drum hits. These amplitude blobs don&#8217;t tell you much about the musical content except for timing and volume. But Recycle was meant for drum loops, where timing and volume are the only information you really need.</p>
<p><a title="Funky Drummer beat by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/3558120590/"><img class="aligncenter" src="http://farm4.static.flickr.com/3641/3558120590_fd5c8233cd.jpg" alt="Funky Drummer beat" width="500" height="311" /></a></p>
<p>Here&#8217;s a graphic I made showing how you hear the Funky Drummer as it&#8217;s looping:</p>
<p><a><img class="aligncenter" src="http://farm4.static.flickr.com/3410/3564417436_d1ff42cfd6.jpg" alt="Funky Drummer loop" width="500" height="494" /></a></p>
<p>In a <a href="http://observersroom.designobserver.com/robwalker/post/stealth-iconography-the-waveform/30008/">post on Design Observer</a>, Rob Walker discusses the waveform as the new icon for music, replacing the stylized eighth notes or records that have done the job in the past. The SoundCloud player uses an attractive waveform graphic that helps the listener track where they are in the song by following the volume peaks. There&#8217;s even a SoundCloud group called <a href="http://soundcloud.com/groups/pretty-waveforms/tracks">Pretty Waveforms</a>.</p>
<p><object width="100%" height="81" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowscriptaccess" value="always" /><param name="src" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F23697251" /><embed width="100%" height="81" type="application/x-shockwave-flash" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F23697251" allowscriptaccess="always" /> </object> <a href="http://soundcloud.com/ethanhein/tomorrow-never-knows">Tomorrow Never Knows</a> by <a href="http://soundcloud.com/ethanhein">ethanhein</a></p>
<p>The waveform has the potential to move from purely functional settings to more decorative ones. Here&#8217;s a waveform-based labeling concept by <a href="http://lovelypackage.com/music-cd-labeling-system/">Joshua Distler</a>, showing the tracks on Post by <a href="http://www.ethanhein.com/wp/2009/bjork/">Björk</a>.</p>
<p><a href="http://lovelypackage.com/music-cd-labeling-system/"><img class="aligncenter" title="Music CD labeling system by Joshua Distler" src="http://lovelypackage.com/wp-content/uploads/2009/02/music_cd.jpg" alt="" width="538" height="484" /></a></p>
<h3>Music theory and networks</h3>
<p>I&#8217;ve always thought it would be cool to use networks to conceptualize music theory, and have made a few attempts at doing so. Here&#8217;s a comparison between the circle of half-steps and the circle of fifths, which are involutes of each other:</p>
<p><a title="Half-steps on the circle of fifths, fifths on the circle of half-steps by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2744894758/"><img class="aligncenter" src="http://farm4.static.flickr.com/3165/2744894758_e373bb2af6.jpg" alt="Half-steps on the circle of fifths, fifths on the circle of half-steps" width="500" height="286" /></a>Here&#8217;s a map of the chord progressions in &#8220;<a href="http://www.youtube.com/watch?v=2kotK9FNEYU">Giant Steps</a>&#8221; by <a href="http://www.ethanhein.com/wp/2009/coltrane-was-an-analog-remixer/">John Coltrane</a>.<br />
<a title="Giant Steps map by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2825556465/"><img class="aligncenter" src="http://farm4.static.flickr.com/3102/2825556465_2bb10d5c6a.jpg" alt="Giant Steps map" width="500" height="424" /></a></p>
<p><a title="Giant Steps map expanded by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2827410851/"><img class="aligncenter" src="http://farm4.static.flickr.com/3224/2827410851_149e757789.jpg" alt="Giant Steps map expanded" width="500" height="480" /></a>And here&#8217;s a flowchart showing how you can figure out what scale or mode you&#8217;re hearing.</p>
<p><a title="Scale flowchart by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/6040532766/"><img class="aligncenter" src="http://farm7.static.flickr.com/6087/6040532766_e6bd491c4e_z.jpg" alt="Scale flowchart" width="640" height="293" /></a></p>
<p>It would be way cooler to have more abstract three-dimensional interactive visualizations showing how chords, scales and melodies function. Leonhard Euler showed how you can represent tonal harmony as a <a href="http://en.wikipedia.org/wiki/Tonnetz">lattice</a> with the topology of a torus, as shown in this animation. Red lines show major thirds, green lines show minor thirds, and blue lines show fifths:</p>
<p><a href="http://innergetic.org/2010/12/fractal-cycles-in-mental-and-natural-systems/"><img class="aligncenter" title="Tonnetz torus" src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/TonnetzTorus.gif/400px-TonnetzTorus.gif" alt="" width="400" height="218" /></a></p>
<p>I have ambitions of my own in this area, but so far, I lack the programming skills to realize them. Others are taking some exciting strides, though. <a href="http://dmitri.tymoczko.com/">Dmitri Tymoczko</a> made waves for getting the first music-related article published in Science about his topological visualization methods for tonal harmony. I can&#8217;t quite wrap my head around his ideas, but they&#8217;re intriguing.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='400' height='300' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://player.vimeo.com/video/20301089?title=0&amp;amp;byline=0&amp;amp;portrait=0' ></iframe> "); 
 </script></p>
<p>Here&#8217;s an illustration by Aniruddh Patel from his paper, &#8220;<a href="http://www.nature.com/?file=/neuro/journal/v6/n7/full/nn1082.html">Language, Music, Syntax And The Brain</a>.&#8221; Again, I&#8217;m not totally clear what it all means, but I plan to investigate further.</p>
<p style="text-align: center;"><a href="http://www.nature.com/?file=/neuro/journal/v6/n7/full/nn1082.html"><img title="Pitch and chord space" src="http://www.nature.com/neuro/journal/v6/n7/images/nn1082-F4.gif" alt="" width="360" height="404" /></a></p>
<p style="text-align: left;">Other theorists have attempted to use color to show harmonic function. Scriabin invented a &#8220;<a href="http://en.wikipedia.org/wiki/Clavier_%C3%A0_lumi%C3%A8res">keyboard of lights</a>&#8221; for that purpose, though it didn&#8217;t really catch on.</p>
<p style="text-align: center;"><a href="http://en.wikipedia.org/wiki/Clavier_%C3%A0_lumi%C3%A8res"><img class="aligncenter" title="Clavier à lumières" src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Scriabin-Circle.svg/429px-Scriabin-Circle.svg.png" alt="" width="429" height="405" /></a></p>
<h3 style="text-align: left;">Visualizing musical form and structure</h3>
<p>I like to use simple color-coding to keep track of which section is which while working on a song. Yellow is for intros and outtros, blue is for verses, green is for choruses and orange is for instrumentals and breakdowns.</p>
<p><a title="The Sign by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/3192472818/"><img class="aligncenter" src="http://farm4.static.flickr.com/3421/3192472818_1c7446454b.jpg" alt="The Sign" width="500" height="417" /></a></p>
<p>Edward Tufte shows some more sophisticated song structure visualizations <a href="http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0000OQ">on his forum</a>:</p>
<p><a href="http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0000OQ"><img class="aligncenter" title="Song structure diagram" src="http://www.edwardtufte.com/bboard/images/0000OY-525.jpg" alt="" width="600" height="407" /></a></p>
<p>The <a href="http://www.turbulence.org/Works/song/index.html">Shape of Song</a> project by <a href="http://www.bewitched.com/">Martin Wattenburg</a> shows repetition within a piece of music. Here&#8217;s his visualization of &#8220;Like A Prayer&#8221; by Madonna.</p>
<p style="text-align: center;"><a style="text-align: center;"><img class="alignnone" title="Repetition in Madonna's &quot;Like A Prayer&quot;" src="http://www.turbulence.org/Works/song/gallery/like_a_prayer.gif" alt="" width="570" height="269" /></a></p>
<p style="text-align: left;">Here&#8217;s Wattenburg&#8217;s visualization of Beethoven&#8217;s &#8220;Für Elise.&#8221;</p>
<p style="text-align: left;"><a href="http://www.bewitched.com/match/music.html"><img class="aligncenter alignnone" title="Repetition in &quot;Für Elise&quot;" src="http://www.bewitched.com/match/furelise.gif" alt="" width="630" height="330" /></a></p>
<h3 style="text-align: left;">Speculation</h3>
<p>Here&#8217;s an entertaining video showing how you can create a happening drum machine sequence using <a href="http://vimeo.com/1639345">counting in binary</a> by <a href="http://vimeo.com/royorobtiks">Niklas Roy</a>.</p>
<p style="text-align: center;"><script type='text/javascript'>  
window.onload = document.write("<iframe width='400' height='146' marginwidth='0' marginheight='0' scrolling='auto' frameborder='0'  src='http://player.vimeo.com/video/1639345?title=0&amp;amp;byline=0&amp;amp;portrait=0' ></iframe> "); 
 </script></p>
<p>Wouldn&#8217;t this graph coloring system make a cool music notation or interface?</p>
<p style="text-align: left;"><a href="http://en.wikipedia.org/wiki/Graph_coloring"><img class="aligncenter alignnone" title="Graph colorings" src="http://upload.wikimedia.org/wikipedia/en/thumb/e/e2/Graph_with_all_three-colourings.svg/500px-Graph_with_all_three-colourings.svg.png" alt="" width="500" height="429" /></a><a href="http://www.visualcomplexity.com/vc/">Visual Complexity</a> <a href="http://www.visualcomplexity.com/vc/blog/?p=811">has many more</a> ideas like this one.</p>
<p style="text-align: left;">I feel like we&#8217;ve barely scratched the surface of useful and attractive schemes. Are there other cool visualization methods I should know about? Hit the comments.</p>
<h3 style="text-align: left;">Updates</h3>
<p style="text-align: left;"><a href="http://www.quora.com/John-Clover">John Clover</a> hipped me to this post, which overlaps heavily: <a href="http://www.quora.com/Ben-Golub/Amazing-Music-Visualizations-and-Teaching">Amazing Music Visualizations and Teaching</a></p>
<p>I just had the chance to play with some of <a href="http://www.ethanhein.com/wp/2009/bjork/">Björk</a>&#8216;s <a href="http://en.wikipedia.org/wiki/Biophilia_%28album%29">Biophilia</a> song/apps. Some of them are groundbreaking interactive visualizations; some are just entertaining and groovy; some are baffling but deserve points for creativity. All the way around, it&#8217;s a remarkable experiment, one that I think is going to be influential.<br />
<a href="http://en.wikipedia.org/wiki/Biophilia_%28album%29"><img class="aligncenter" title="Biophilia screencap" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-799735be07e460a03cde6fbce09f6821" alt="" width="485" height="323" /></a><br />
<a href="http://www.quora.com/Ethan-Hein/Visualizing-music"><em>See this post on Quora</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2011/visualizing-music/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Music theory and quantum mechanics</title>
		<link>http://www.ethanhein.com/wp/2011/music-theory-and-quantum-mechanics/</link>
		<comments>http://www.ethanhein.com/wp/2011/music-theory-and-quantum-mechanics/#comments</comments>
		<pubDate>Wed, 05 Oct 2011 19:43:09 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Math]]></category>
		<category><![CDATA[Music Theory]]></category>
		<category><![CDATA[Physics]]></category>
		<category><![CDATA[Science]]></category>
		<category><![CDATA[chemistry]]></category>
		<category><![CDATA[einstein]]></category>
		<category><![CDATA[electromagnetism]]></category>
		<category><![CDATA[harmonics]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[orbitals]]></category>
		<category><![CDATA[quantum mechanics]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=7903</guid>
		<description><![CDATA[In high school science class, you probably saw a picture of an atom that looked like this: The picture shows a stylized nucleus with red protons and blue neutrons, surrounded by three grey electrons. It&#8217;s an attractive and iconic image. It makes a nice logo. Unfortunately, it&#8217;s also totally wrong. There&#8217;s an extent to which [...]]]></description>
			<content:encoded><![CDATA[<p>In high school science class, you probably saw a picture of an atom that looked like this:</p>
<p><a href="http://commons.wikimedia.org/wiki/Atom"><img class="aligncenter" title="The iconic, and wrong, traditional picture of the atom" src="http://upload.wikimedia.org/wikipedia/commons/e/e2/Stylised_Lithium_Atom.png" alt="" width="260" height="296" /></a></p>
<p>The picture shows a stylized nucleus with red protons and blue neutrons, surrounded by three grey electrons. It&#8217;s an attractive and iconic image. It makes a nice logo. Unfortunately, it&#8217;s also totally wrong. There&#8217;s an extent to which subatomic particles are like little marbles, but it&#8217;s a limited extent. Electrons do move around the nucleus, but they don&#8217;t do it in elliptical paths as if they&#8217;re little moons orbiting a planet. The true nature of electrons in atoms is way weirder and cooler. <img title="More..." src="http://www.ethanhein.com/wp/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<p>Pictures are a terrible way to understand the nature of quantum particles. Music theory is much better.</p>
<h3><span id="more-7903"></span>Quantum particles are waves</h3>
<p>The problem with textbook images like the one above is that they mislead you into thinking of particles as &#8220;things.&#8221; Particles aren&#8217;t things. They pop in and out of being in a rapid, flickery way that&#8217;s more like the way we think of energy. What we call &#8220;particles&#8221; are really just knots or bundles of energy fields.</p>
<p>Protons and electrons pull on each other the way refrigerators and magnets do. If electrons really were like little moons orbiting a planet, it seems like they could orbit at any distance, and could easily fall into the nucleus to collide with the protons. And yet, this never happens. Electrons always organize themselves into very specific spatial arrangements around the nucleus. This fact was totally mysterious until scientists started conceiving of electrons as <a href="http://www.ethanhein.com/wp/2011/probability/">probability</a> waves in an energy field.</p>
<p>You can get a good idea of how particles really behave by looking at television static, which consists of huge numbers of electrons being fired at the screen at random. Now try to imagine &#8220;static&#8221; surrounding the nucleus of an atom, and you&#8217;ll get a much better picture of what&#8217;s going on than you get from imagining moons orbiting a planet.</p>
<p>When electrons are in orbit around an atom or molecule, their pattern of static isn&#8217;t random the way it is in TV static. When electrons orbit atoms, their energy fields are organized into patterns of overlapping ripples. You can explore these patterns with Paul Falstad&#8217;s <a href="http://www.falstad.com/mathphysics.html">interactive visualizations</a> of the subatomic world &#8212; scroll down to the Quantum Mechanics sections for his <a href="http://www.falstad.com/qmatom/">simulated hydrogen atom</a>. The colorful blobs show the probability of electrons being found in a particular place.</p>
<p><a title="Quantum Harmonic Oscillator 6 by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/1762548714/"><img class="aligncenter" src="http://farm3.static.flickr.com/2003/1762548714_b793954bd0_o.jpg" alt="Quantum Harmonic Oscillator 6" width="144" height="144" /></a></p>
<p>So what does this have to do with music theory? The electron field&#8217;s vibrations around an atom behave like <a href="en.wikipedia.org/wiki/Harmonic_oscillator">harmonic oscillators</a>. Electrons have harmonics, just like <a href="www.ethanhein.com/wp/2009/tuning-the-quantum-guitar/">guitar strings</a> do. Electron harmonics are three-dimensional instead of the one-dimensional harmonics of strings, but the underlying math is the same. These harmonics determine the arrangement and interactions of the electron wave, the same way that harmonics of a string form the basis of chords and scales. The electron field&#8217;s harmonics are called <a href="http://en.wikipedia.org/wiki/Atomic_orbital">orbitals</a>.</p>
<h3>The physical world is made of electron harmonics</h3>
<p>This screenshot of Falstad&#8217;s <a href="http://www.falstad.com/qm3dosc/">quantum harmonic oscillator applet</a> shows the first harmonic of the electron field around an H2 molecule, two hydrogen atoms, each with one proton and one electron. This is the electron equivalent of the twelfth fret harmonic on a guitar string.</p>
<p><a href="http://www.falstad.com/qm3dosc/"><img class="aligncenter" title="Hydrogen molecule orbitals" src="http://farm3.static.flickr.com/2337/1761650491_a2b06cafd8.jpg?v=0" alt="" width="144" height="144" /></a></p>
<p>The blue blob represents the position of one electron, and the red blob is the other. At higher energy levels, the orbitals take on more complex shapes. There&#8217;s a direct analogy here to the more complex musical intervals that come from the higher harmonics in a guitar string.</p>
<p><a title="Quantum Harmonic Oscillator 5 by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/1762548484/"><img class="aligncenter" src="http://farm3.static.flickr.com/2167/1762548484_c589dc927d_o.jpg" alt="Quantum Harmonic Oscillator 5" width="144" height="144" /></a></p>
<p>You can think of the orbitals as a structure of cubbyholes, each of which can be occupied by one electron. The cubbyholes come in pairs, and electrons &#8220;prefer&#8221; to live in filled pairs of cubbyholes. All of the structure of objects and chemistry in the world arises from the way that atoms&#8217; outer orbitals interact. If an atom&#8217;s outermost cubbyholes are unfilled, electrons from other atoms with unfilled orbitals can fill them, locking the atoms together into molecules. All solid and liquid materials are held together by this sharing of electrons between orbitals.</p>
<p>Here&#8217;s the molecular structure of ice, as rendered by <a href="http://www.flickr.com/photos/vitroids/">Masakazu</a><a href="http://www.flickr.com/photos/vitroids/"> Matsumoto.</a> The red balls are oxygen atoms. The blue ones are hydrogen atoms. The yellow rods represent the bonds caused by electrons shared between the oxygen and hydrogen atoms&#8217; outermost orbitals.</p>
<p><a href="http://www.flickr.com/photos/vitroids/1527095111/in/photostream/"><img class="aligncenter" title="Ice" src="http://farm3.static.flickr.com/2249/1527095111_faa4e06e6e.jpg?v=0" alt="" width="500" height="500" /></a></p>
<p>The &#8220;sixness&#8221; of ice&#8217;s structure emerges from the way that hydrogen and oxygen orbitals combine to make open slots in groups of six. You can see the &#8220;sixness&#8221; repeated up at the macroscopic scale in the shape of snowflakes and frost.</p>
<p>If you raise the ice&#8217;s temperature to the melting point, what you&#8217;re really doing is shooting photons at the ice, knocking the electrons out of their orbitals so they can skip more freely from atom to atom. The atoms still stick together, but not as tightly, and not in so rigid an arrangement:</p>
<p><a href="http://www.flickr.com/photos/vitroids/1527096387"><img class="aligncenter" title="Liquid water" src="http://farm3.static.flickr.com/2351/1527096387_965f64afa8.jpg?v=0" alt="" width="500" height="500" /></a></p>
<p>If you zap even more photons into the water, you can sever the bonds between the molecules completely, freeing them to bounce around independently in the state we perceive as steam. If you zap even more photons at the steam, you can rip the molecules apart and tear the electrons from the nuclei to form plasma. Even more energy will rip the nuclei into protons and neutrons, and ridiculously more energy will rip the protons and neutrons into their constituent up and down quarks. The quarks, protons, neutrons, nuclei, atoms and molecules are all vibrating energy fields with waveforms and harmonics of their own.</p>
<p>Whenever I&#8217;m bored, I like to try to imagine everything around me, all the matter and energy, as resonating energy fields, cohering the way pitches cohere into chords. Who says science isn&#8217;t fun?</p>
<h3>Teaching science with music</h3>
<p>Albert Einstein <a href="http://www.psychologytoday.com/blog/imagine/201003/einstein-creative-thinking-music-and-the-intuitive-art-scientific-imagination">told interviewers</a> that he often &#8220;thought in terms of musical architectures.&#8221; Einstein was an enthusiastic amateur violinist, and an early architect of quantum mechanics. These two facts are probably related.</p>
<p style="text-align: center;"><a title="Einstein plays violin by Ethan Hein, on Flickr" href="http://www.flickr.com/photos/ethanhein/2797006452/"><img src="http://farm4.static.flickr.com/3167/2797006452_0e87c73d3f_o.jpg" alt="Einstein plays violin" width="301" height="376" /></a></p>
<p>Did Einstein make an explicit connection between musical harmonics and quantum harmonics? Maybe we&#8217;ll never know, but the connection exists, and future scientists can benefit from it. The concept of electron orbitals is really hard. When I was in high school, my (excellent) chemistry teacher told us not to even bother trying to visualize the true nature of electrons. She was right to not try to condescend to us or mislead us, but she gave up too easily. True, she didn&#8217;t have cool interactive computer visualizations, but the school did have a great music department. If I ever get a chance to teach chemistry, first I&#8217;m going to make sure the kids get some hands-on experience with harmonics. I&#8217;ll have them experience the way that it takes more energy to produce higher harmonics, and the way those higher harmonics produce more complex musical sounds. Then we&#8217;ll go back to chemistry class and I&#8217;ll bet the kids will have an easier time.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2011/music-theory-and-quantum-mechanics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How does a computer work?</title>
		<link>http://www.ethanhein.com/wp/2011/how-does-a-computer-work/</link>
		<comments>http://www.ethanhein.com/wp/2011/how-does-a-computer-work/#comments</comments>
		<pubDate>Sat, 16 Jul 2011 23:07:06 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Math]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[computer science]]></category>
		<category><![CDATA[computers]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[quora]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/2011/ethan-heins-answer-to-how-does-a-computer-work/</guid>
		<description><![CDATA[Computers can only do a few very simple operations consisting of flipping electrical switches on and off. You can represent numbers in patterns of the on-off states of sequences of switches. By flipping switches on and off in particular patterns, you can perform simple mathematical operations on the numbers. You can do more complex mathematical [...]]]></description>
			<content:encoded><![CDATA[<p>Computers can only do a few very simple operations consisting of flipping electrical switches on and off. You can represent numbers in patterns of the on-off states of sequences of switches. By flipping switches on and off in particular patterns, you can perform simple mathematical operations on the numbers. You can do more complex mathematical operations by stringing simpler operations together.</p>
<p><span id="more-6834"></span>Below is a diagram showing a computer that can add one plus one to get two. It&#8217;s made out of an <a href="http://en.wikipedia.org/wiki/XOR_gate">XOR gate</a> and an <a href="http://en.wikipedia.org/wiki/AND_gate">AND gate</a>, each of which is a relatively simple bunch of <a href="http://www.ethanhein.com/wp/2009/how-transistors-think/">transistors</a> wired together in particular ways. Transistors are just on-off switches that can be flipped electrically, so they have no moving parts (except electrons.) The beauty part is that the output wire of one transistor can be used to flip another transistor on and off.</p>
<p>The &#8220;numbers&#8221; in the diagram are just voltages: &#8220;zero&#8221; is zero volts, and &#8220;one&#8221; is (I think) 2.5 volts. The numbers in a computer are encoded in <a href="http://en.wikipedia.org/wiki/Binary_numeral_system">binary</a> (base two) because it&#8217;s the most convenient way to physically realize them &#8212; voltage that&#8217;s pretty close to zero can be read as zero, and a voltage that&#8217;s pretty close to 2.5 can be read as one.<br />
<a href="http://www.flickr.com/photos/ethanhein/3492880060/"><img class="qtext_image" style="cursor: pointer;" title="One-bit adder" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-c1c288c8de0404a57341cbd6468b4f3f" alt="" width="485" height="546" /></a>This simple adder has two input wires and two output wires. The input wires each represent a single binary digit, and the output wires together represent two binary digits. If one input wire has a voltage and the other doesn&#8217;t, the equivalent of adding one plus zero, the adder returns no voltage in the &#8220;twos&#8221; digit and a voltage on the &#8220;ones&#8221; digit. If there&#8217;s a voltage on both input wires, the equivalent of adding one plus one, the adder returns a voltage on the &#8220;twos&#8221; digit and no voltage on the &#8220;ones&#8221; digit, the binary number 10, or as we know it in decimal notation, 2.</p>
<p>Here&#8217;s a diagram of a four-bit adder, capable of adding numbers as big as sixteen. The diagram shows how adding seven (0111) plus twelve (1100) to get nineteen (10011) would work.<br />
<a href="http://www.flickr.com/photos/ethanhein/3492063259/"><img class="qtext_image" style="cursor: pointer;" title="Four-bit adder" src="http://d2o7bfz2il9cb7.cloudfront.net/main-qimg-2f8484890bc771cb002b12cc2f832f85" alt="" width="485" height="318" /></a>Wire together enough adders and other basic logic devices, set up at the right initial voltages, and you&#8217;ve got yourself a computer.</p>
<p><em><span class="qlink_container"><a href="http://www.quora.com/How-does-a-computer-work">Original post on Quora</a></span></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2011/how-does-a-computer-work/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Another social media flowchart</title>
		<link>http://www.ethanhein.com/wp/2010/another-social-media-flowchart/</link>
		<comments>http://www.ethanhein.com/wp/2010/another-social-media-flowchart/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 14:30:01 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[flowcharts]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[omnigraffle]]></category>
		<category><![CDATA[spork media]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=4628</guid>
		<description><![CDATA[Here&#8217;s a graphic I did for Spork Media explaining how an ideal social media setup for a restaurant. Click through for a detailed explanation. Who doesn&#8217;t love flowcharts?]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Here&#8217;s a graphic I did for <a href="http://sporkmedia.com/">Spork Media</a> explaining how an ideal social media setup for a restaurant. Click through for a detailed explanation. <a href="http://sporkmedia.com/2010/08/the-ideal-restaurant-social-media-setup/"><img class="aligncenter" title="Ideal restaurant social media setup" src="http://farm5.static.flickr.com/4143/4901885229_1e14cdb2a4_o_d.jpg" alt="" width="510" height="470" /></a>Who doesn&#8217;t love flowcharts?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2010/another-social-media-flowchart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scales and emotions</title>
		<link>http://www.ethanhein.com/wp/2010/scales-and-emotions/</link>
		<comments>http://www.ethanhein.com/wp/2010/scales-and-emotions/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 01:31:37 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Composition]]></category>
		<category><![CDATA[Emotion]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Music Teaching]]></category>
		<category><![CDATA[Music Theory]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[autotune]]></category>
		<category><![CDATA[remixes]]></category>
		<category><![CDATA[scales]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=3460</guid>
		<description><![CDATA[Following up and expanding on a post about learning music theory with Auto-tune. See also a post about the major scale modes and an intro to minor keys. So maybe you want to write a song or an instrumental in a particular mood or style, and you&#8217;re feeling overwhelmed by all the scales. Here&#8217;s a [...]]]></description>
			<content:encoded><![CDATA[<p><em>Following up and expanding on a post about <a href="http://www.ethanhein.com/wp/2009/learning-music-theory-with-autotune">learning music theory with Auto-tune</a>. See also a post about the <a href="http://www.ethanhein.com/wp/2011/the-major-scale-modes/">major scale modes</a> and an <a href="http://www.ethanhein.com/wp/2011/intro-to-minor-keys/">intro to minor keys</a>.<a href="http://www.ethanhein.com/wp/2009/learning-music-theory-with-autotune"><br />
</a></em></p>
<p style="text-align: center;"><img class="aligncenter" title="Piano keyboard" src="http://upload.wikimedia.org/wikipedia/commons/f/f2/Piano-keyboard.jpg" alt="" width="288" height="202" /></p>
<p style="text-align: left;">So maybe you want to write a song or an instrumental in a particular mood or style, and you&#8217;re feeling overwhelmed by all the scales. Here&#8217;s a handy guide to the commonly used scales in western pop, rock, jazz, blues and so on. They&#8217;re shown in the way you&#8217;d program them into Auto-tune. Click each image to go to that scale&#8217;s Wikipedia page, where you can hear it, see it in traditional notation and pick up fun historical facts.</p>
<h2><span id="more-3460"></span>Major scales</h2>
<p>These scales have a major third, which makes them feel happy or bright. See them <a href="http://www.flickr.com/photos/ethanhein/5047863653/">side-by-side</a>.</p>
<p><a href="http://www.ethanhein.com/wp/2011/meet-the-major-scale/"><strong>C major</strong></a></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Major_scale"><img class="alignnone" title="C major" src="http://farm3.static.flickr.com/2694/4044344492_7a6b3a4ffb_o.jpg" alt="" width="237" height="288" /></a></p>
<p style="padding-left: 30px;">Happy; can be majestic or sentimental when slow. The white keys on the piano. Examples: &#8220;Mary Had A Little Lamb,&#8221; &#8220;Twinkle Twinkle Little Star.&#8221;</p>
<p><a href="http://en.wikipedia.org/wiki/Mixolydian_mode"><strong>C mixolydian</strong></a></p>
<p style="padding-left: 30px;"><strong><a href="http://en.wikipedia.org/wiki/Mixolydian_mode"><img class="alignnone" title="C mixolydian" src="http://farm5.static.flickr.com/4032/4402804116_572044fb31_o.jpg" alt="" width="240" height="291" /></a><br />
</strong></p>
<p style="padding-left: 30px;">Bluesy, rock; can also be exotic/modal. Play over C7 chord. Same pitches as F major. Example: &#8220;<a href="http://soundcloud.com/ethanhein/tomorrow-never-knows">Tomorrow Never Knows</a>&#8221; by <a href="http://www.ethanhein.com/wp/2009/beatles-electronica">the Beatles</a>.</p>
<p><a href="http://en.wikipedia.org/wiki/Lydian_mode"><strong>C lydian</strong></a></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Lydian_mode"><img class="alignnone" title="C lydian" src="http://farm3.static.flickr.com/2708/4402039177_a94e399de7_o.jpg" alt="" width="240" height="286" /></a></p>
<p style="padding-left: 30px;">Ethereal, dreamy, futuristic. Same pitches as G major. Example: &#8220;Possibly Maybe&#8221; by <a href="http://www.ethanhein.com/wp/2009/bjork">Björk</a> (from the line &#8220;As much as I definitely enjoy solitude&#8230;&#8221;)</p>
<p><a href="http://en.wikipedia.org/wiki/Phrygian_dominant_scale"><strong>C ahava raba</strong></a></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Phrygian_dominant_scale"><img class="alignnone" title="C ahava raba" src="http://farm3.static.flickr.com/2686/4402039067_c84f14deea_o.jpg" alt="" width="240" height="288" /></a></p>
<p style="padding-left: 30px;">Exotic, Middle Eastern, Jewish. Same pitches as F harmonic minor. Example: &#8220;Hava Nagila.&#8221;</p>
<h2>Minor Scales</h2>
<p>These scales have a flat third, which gives them a darker and more tragic feel. See them <a href="http://www.flickr.com/photos/ethanhein/5048484402/">side-by-side</a>.</p>
<p><a href="http://en.wikipedia.org/wiki/Aeolian_mode"><strong>C natural minor</strong></a></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Aeolian_mode"><img class="alignnone" title="C natural minor" src="http://farm3.static.flickr.com/2528/4043598819_6d9c19d40f_o.jpg" alt="" width="240" height="288" /></a></p>
<p style="padding-left: 30px;">Sentimental, tragic. Same pitches as E flat major.</p>
<p><a href="http://en.wikipedia.org/wiki/Melodic_minor#Harmonic_and_melodic_minor"><strong>C harmonic minor</strong></a></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Melodic_minor#Harmonic_and_melodic_minor"><img class="alignnone" title="C harmonic minor" src="http://farm3.static.flickr.com/2694/4402039133_c03181cc9e_o.jpg" alt="" width="240" height="290" /></a></p>
<p style="padding-left: 30px;">Tragic, exotic, Middle Eastern.</p>
<p><a href="http://www.ethanhein.com/wp/2011/the-freakiness-of-melodic-minor/"><strong>C melodic minor</strong></a></p>
<p style="padding-left: 30px;"><strong><a href="http://en.wikipedia.org/wiki/Jazz_scale#Modes_of_the_melodic_minor_scale"><img class="alignnone" title="C melodic minor" src="http://farm5.static.flickr.com/4012/4402803878_04f098f1ee_o.jpg" alt="" width="240" height="291" /></a><br />
</strong></p>
<p style="padding-left: 30px;">Mysterious, jazzy, very dark. Example: sixties <a href="http://www.ethanhein.com/wp/2009/coltrane-was-an-analog-remixer">Coltrane.</a> See <a href="http://www.ethanhein.com/wp/2011/the-freakiness-of-melodic-minor/">a blog post</a> about melodic minor.</p>
<p><a href="http://en.wikipedia.org/wiki/Dorian_mode"><strong>C dorian</strong></a></p>
<p style="padding-left: 30px;"><strong><a href="http://en.wikipedia.org/wiki/Dorian_mode"><img class="alignnone" title="C dorian" src="http://farm5.static.flickr.com/4021/4402039109_f66cfa8109_o.jpg" alt="" width="240" height="290" /></a><br />
</strong></p>
<p style="padding-left: 30px;">Hip, sophisticated, jazzy. Same pitches as B flat major. Example: &#8220;So What&#8221; by Miles Davis.</p>
<p><a href="http://en.wikipedia.org/wiki/Phrygian_mode"><strong>C phrygian</strong></a></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Phrygian_mode"><img class="alignnone" title="C phrygian" src="http://farm5.static.flickr.com/4047/4402039959_4592775ee2_o.jpg" alt="" width="240" height="293" /></a></p>
<p style="padding-left: 30px;">Spanish/Flamenco. Same pitches as A flat major.</p>
<h2>Synthetic Scales</h2>
<p>These scales are based on regular, symmetric patterns. See them <a href="http://www.flickr.com/photos/ethanhein/5048484452/">side-by-side</a>.</p>
<p><a href="http://en.wikipedia.org/wiki/Chromatic_scale"><strong>C chromatic</strong></a></p>
<p style="padding-left: 30px;"><strong><a href="http://en.wikipedia.org/wiki/Chromatic_scale"><img class="alignnone" title="C chromatic" src="http://farm3.static.flickr.com/2669/4043598791_66ac530226_o.jpg" alt="" width="243" height="288" /></a><br />
</strong></p>
<p style="padding-left: 30px;">All the piano keys. Freefalling, anxiety-producing. Same pitches as every other chromatic scale.</p>
<p><strong><a href="http://en.wikipedia.org/wiki/Whole_tone_scale">C whole tone</a></strong></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Whole_tone_scale"><img class="alignnone" title="C whole tone" src="http://farm5.static.flickr.com/4005/4402039995_52f782fb8e_o.jpg" alt="" width="240" height="286" /></a></p>
<p style="padding-left: 30px;">Dreamy, underwater. Every other key on the piano. Same pitches as D, E, F sharp, G sharp and A sharp whole tone scales. Example: Background parts in the Simpsons theme song.</p>
<p><a href="http://en.wikipedia.org/wiki/Diminution#Diminished_scales"><strong>C diminished</strong></a></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Diminution#Diminished_scales"><img class="alignnone" title="C diminished" src="http://farm5.static.flickr.com/4055/4402803398_01c0c3dcd5_o.jpg" alt="" width="240" height="293" /></a></p>
<p style="padding-left: 30px;">Dark, mysterious. Same pitches as E flat, G flat and A diminished scales. Examples: movies about Dracula.</p>
<h2>Pentatonics and blues</h2>
<p>Pentatonic scales have five notes. The <a href="http://www.ethanhein.com/wp/2011/the-blues-scale/">blues scale</a> is the minor pentatonic plus the flat fifth. See them <a href="http://www.flickr.com/photos/ethanhein/5048484488/">side-by-side</a>.</p>
<p><a href="http://en.wikipedia.org/wiki/Pentatonic_scale#Major_pentatonic_scale"><strong>C major pentatonic</strong></a></p>
<p style="padding-left: 30px;"><a href="http://en.wikipedia.org/wiki/Pentatonic_scale#Major_pentatonic_scale"><img class="alignnone" title="C major pentatonic" src="http://farm5.static.flickr.com/4036/4402803808_e19c37164e_o.jpg" alt="" width="240" height="291" /></a></p>
<p style="padding-left: 30px;">Joyful; widely used in world and folk music. Major scale with 4th and 7th removed. Same pitches as A minor pentatonic. Here&#8217;s a blog post about <a href="http://www.ethanhein.com/wp/2010/the-pentatonic-box">playing pentatonics on guitar</a>.</p>
<p><a href="http://en.wikipedia.org/wiki/Pentatonic_scale#Minor_pentatonic_scale"><strong>C minor pentatonic</strong></a></p>
<p style="padding-left: 30px;"><strong><a href="http://en.wikipedia.org/wiki/Pentatonic_scale#Minor_pentatonic_scale"><img class="alignnone" title="C minor pentatonic" src="http://farm5.static.flickr.com/4048/4402804066_b1c0eb636f_o.jpg" alt="" width="240" height="289" /></a><br />
</strong></p>
<p style="padding-left: 30px;">Rock; widely used in world and folk music. Minor scale with 2nd and 6th removed. Same pitches as E flat major pentatonic. Here&#8217;s a blog post about <a href="../2010/the-pentatonic-box">playing pentatonics on guitar</a>.</p>
<p><a href="http://www.ethanhein.com/wp/2011/the-blues-scale/"><strong>C blues</strong></a></p>
<p style="padding-left: 30px;"><a href="http://www.ethanhein.com/wp/2011/the-blues-scale/"><img class="alignnone" title="C blues" src="http://farm4.static.flickr.com/3493/4044344356_6eea1851e5_o.jpg" alt="" width="241" height="288" /></a></p>
<p style="padding-left: 30px;">Blues, obviously. Works great over major and minor chords. Minor pentatonic with flat fifth added.</p>
<h2>Making chords</h2>
<p style="padding-left: 30px;">To make basic chords from the major and minor scales, start with the first note, then skip to the third, then the fifth. Using C Dorian, that&#8217;s C, Eb, G. This is called a triad, and it&#8217;s the simplest type of chord.</p>
<p style="padding-left: 30px;">To extend the chords, add in the seventh, the second/ninth, the fourth/eleventh, and the sixth/thirteenth. Using C Dorian, that&#8217;s Bb, D, F, A. The more notes you add, the more complex and dense the chord becomes.</p>
<p style="padding-left: 30px;">You can also skip or leave out notes: C, Eb, Bb, F for example. Also, you can double notes (especially the first/root.)</p>
<p style="padding-left: 30px;">Don&#8217;t put fourths/elevenths into major chords unless you leave the third out, it sounds very dissonant.</p>
<p style="padding-left: 30px;">Have fun!</p>
<p><em>Update: thanks to the enthusiastic users of Stumbleupon, this is by far the most-read post on this blog. Thanks for all the Stumbles, folks!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2010/scales-and-emotions/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Inside the recording process</title>
		<link>http://www.ethanhein.com/wp/2010/inside-the-recording-process/</link>
		<comments>http://www.ethanhein.com/wp/2010/inside-the-recording-process/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 16:40:37 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Autobio]]></category>
		<category><![CDATA[Composition]]></category>
		<category><![CDATA[Hardware]]></category>
		<category><![CDATA[Improvisation]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Recording]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[analog]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[audio editing]]></category>
		<category><![CDATA[autotune]]></category>
		<category><![CDATA[computers]]></category>
		<category><![CDATA[electronica]]></category>
		<category><![CDATA[hip-hop]]></category>
		<category><![CDATA[looping]]></category>
		<category><![CDATA[mashups]]></category>
		<category><![CDATA[pro tools]]></category>
		<category><![CDATA[remixes]]></category>
		<category><![CDATA[revival revival]]></category>
		<category><![CDATA[Sampling]]></category>
		<category><![CDATA[sequencing]]></category>
		<category><![CDATA[synths]]></category>
		<category><![CDATA[tape]]></category>
		<category><![CDATA[tape editing]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=3369</guid>
		<description><![CDATA[The vast majority of music that I hear is recorded, and if you&#8217;re reading this the same is probably true of you. Most people don&#8217;t have a clear idea what the recording process is like, especially using computers. Here are my adventures in recording. I grew up in the eighties. Cassette recorders were just starting [...]]]></description>
			<content:encoded><![CDATA[<p>The vast majority of music that I hear is recorded, and if you&#8217;re reading this the same is probably true of you. Most people don&#8217;t have a clear idea what the recording process is like, especially using computers. Here are my adventures in recording.</p>
<p>I grew up in the eighties. Cassette recorders were just starting to be ordinary household gear. My sister and I made a bunch of random tapes as kids, not knowing what we were doing or why, just that it was fun. We also taped songs we liked off the radio. We waited until the song we wanted came on, and then held up the tape recorder to the radio speaker. Go ahead and laugh, millenials, but this was such a widespread practice among my generation that there&#8217;s <a href="http://www.facebook.com/home.php#!/pages/When-I-was-younger-I-would-record-my-favorite-songs-off-the-radio-onto-tape/421713000345?ref=mf">a whole Facebook group</a> devoted to it.</p>
<p style="text-align: center;"><img class="aligncenter" title="The eighties!" src="http://upload.wikimedia.org/wikipedia/commons/0/04/Ghettoblaster-family.jpg" alt="" width="383" height="234" /></p>
<p><span id="more-3369"></span>Recording to a single-track tape from a single mic was the only way to record music until 1955. In the single-track era, music was recorded more or less the same way it was performed for an audience. There was a single mic in the middle of the room, and everybody played into it simultaneously. The only &#8220;mixing&#8221; was done by placing quieter instruments closer to the mic and louder ones further away. Recording as an art form unto itself came into being with the invention of multitrack tape, which made it possible to record different sounds non-simultaneously.</p>
<p>Multitrack is an enormously big deal for recorded music. It enables you to capture ideal performances more easily, since you record each voice or instrument in isolation from the others. An error on one track can be fixed while leaving the others intact. Multitrack also opened the door for mixing, since you can manipulate the volume and tone of each sound independently of the others. This might not seem like such a big deal, but that&#8217;s because we&#8217;re all so used to spectacularly high-tech sculpting of sound. When I listen to old jazz records, the bass is a vague muffled presence buried in the murk of the low end. It took until the sixties for recording engineers to really figure out how to make the bass jump out of the speakers; now we take for granted that it&#8217;ll be as crisp and defined as any other sound.</p>
<p>Even with all the flexibility it offers, tape recording is still relatively unforgiving. I recorded a few songs on tape with my first band in college. Correcting mistakes was tedious and took considerable skill and timing on the engineer&#8217;s part.</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/ethanhein/3644401417/"><img class="aligncenter" title="Delia Derbyshire matches beats with tape recorders" src="http://farm4.static.flickr.com/3663/3644401417_9dc9cbe7c6.jpg" alt="" width="400" height="340" /></a></p>
<p style="text-align: left;">Since 1997 or so, everything I&#8217;ve recorded has been on the computer. There are some pros and cons. The major con is sound quality. Tape is analog. The waveforms it captures are infinitely smooth and continuous. By converting the continuous electrical signal from the microphones or instruments into digital files, you necessarily sacrifice some signal quality.</p>
<p style="text-align: left;"><a href="http://www.flickr.com/photos/ethanhein/2378146633/"><img class="aligncenter" title="Converting analog signal to digital" src="http://farm3.static.flickr.com/2166/2378146633_946ff8f146.jpg" alt="" width="300" height="225" /></a></p>
<p style="text-align: left;">So that&#8217;s the bad news. For me, and for most recording musicians at this point, the good news enormously outweighs the bad news. Digital recording is cheap and constantly getting cheaper. Good quality audio tape is expensive; hard drive space costs next to nothing. A computer costs a heck of a lot less than a decent tape recording console and you can use it for other purposes. But cost is only the tip of the iceberg. The really big deal with the computer is that it visualizes music, turning it into screen objects that you can drag, drop and otherwise manipulate the same way you&#8217;d manipulate words in a word processing document. For a visual thinker like me, this is a transformative and revelatory change. It&#8217;s radically easier to do complex edits on the computer screen than keeping track of a bunch of pieces of identical-looking tape.</p>
<p style="text-align: center;"><a href="http://en.wikipedia.org/wiki/Pro_Tools"><img class="aligncenter" title="Pro Tools" src="http://upload.wikimedia.org/wikipedia/en/thumb/4/47/Protools9screen.png/800px-Protools9screen.png" alt="" width="512" height="379" /></a></p>
<p>The other big deal about digital audio is perfect copying fidelity and endless editing. Every time you copy a tape, the sound quality degrades a little. Also, as tape ages, it chemically degrades. Digital audio files are highly robust. They&#8217;re just <a href="../2008/digital-audio-is-just-long-lists-of-numbers">long lists of numbers</a>, so you can copy them flawlessly and endlessly across any data storage medium. You can edit digital audio non-destructively, so you can try out ideas to your heart&#8217;s content without ever harming or losing your original tracks. Digital audio is also nice and portable. You can lay down basic tracks in your basement, overdub more sounds in someone else&#8217;s bedroom and then mix and master in a million dollar studio. And while there&#8217;s no undo with tape overdubs, you can effectively undo anything you do on the computer.</p>
<p>Music is intellectually a lot easier than it looks. The big challenge for me, and for most would-be musicians I encounter, is anxiety. We have a crippling fear of being judged, and when we&#8217;re doing a recording, the panel of potential judges is enormous. Digital recording has done a lot to reduce my anxiety in front of the microphone. Knowing that nothing is carved in marble takes a lot of the pressure off. I&#8217;m much likelier to lay down a perfect take or a cool new idea if I&#8217;m feeling relaxed, and recording in my apartment on a computer is as relaxing as it gets.</p>
<p>I&#8217;ve been recording an acoustic singer-songwriter&#8217;s album for the past year. Aside from the vocals and guitar, everything on the album is fake: the bass, the drums, the percussion and keyboards. The vocals and guitar are processed using <a href="http://www.ethanhein.com/wp/tag/autotune">Auto-tune</a>, digital EQ and reverb and compression, and various other tricks. The &#8220;performances&#8221; are stitched together from many different takes, with sections repeated and individual notes corrected for timing and volume and decay. None of these techniques are unusual in the age of computer recording. Some people feel that the computer is harming musicianship by making it so easy to sculpt a flawless performance. My feeling is that the computer just shifts the locus of creative work from the original performance to the editing process.</p>
<p>After doing enough of my own projects using the full digital toolkit, I started questioning the wisdom of recording instrumental performances at all, when it&#8217;s so much easier to use sampling and synthesis. The turning point came while working with a soul/R&amp;B band called Love Child. The singer and I were writing and arranging songs using samples, drum machines and all the other hip-hop tools. We gave these tracks to the band to teach them the parts. I made charts too, but the tracks were better for conveying the vibe and nuance we were after. We had a bunch of ace musicians in the band, but they never sounded as good as our sample-based tracks. We&#8217;d meticulously sequence a bassline, and then the bassist wouldn&#8217;t play it exactly. He&#8217;d do variations and little improvs, the usual embellishments that musicians add almost unconsciously. The problem wasn&#8217;t his ideas, they were all good. The problem was that by straying away from the extremely sparse parts we were writing, he was deflating the tension, turning our hip-hop feel into a generic-sounding funk.</p>
<p>So it went with all the musicians. Also, it was a logistical nightmare getting everyone together, and it cost a fortune. Eventually we asked ourselves, why are we doing this? The songs sound better on the laptop, why don&#8217;t we just commit ourselves to life in electronic world? So we started doing gigs with just the laptop and singers, and it sounded terrific. I feel bad for contributing to the rapid drying up of gigs all musicians are facing in the computer era. But meanwhile, we were going for a sound, and the human beings weren&#8217;t giving it to us.</p>
<p>Samples and loops give you a lot of freedom. They also carry their own constraints. When you use, say, two bars of a <a href="http://www.ethanhein.com/wp/2009/in-a-silent-way">Miles Davis</a> tune in a particular scale with particular chords to a particular beat played on particular instruments, that forces you to fit the rest of your musical elements to fit. This constraint is a stupendously valuable songwriting tool. Repeating the loop identically is easy and varying it is hard. So by default, sample-based music uses a lot of repetition, and you have to justify each variation because it takes so much more effort than another copy and paste. You&#8217;d think this would be true with live musicians too, but it&#8217;s not. Getting a band to play a loop without variation is just about impossible. I&#8217;ve tried many times, everyone gets bored or feels the need to express themselves. We in the western musical tradition undervalue repetition, and having the computer encourage it has improved my writing and arranging enormously.</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/ethanhein/4258792625/"><img class="aligncenter" title="Loop player and sequencer in Reason" src="http://farm5.static.flickr.com/4033/4258792625_28a3ae676a.jpg" alt="" width="399" height="400" /></a></p>
<p>Sampling is such a useful framework for structuring musical ideas, now I take a sampling approach to live recordings of instruments whenever I can. If I&#8217;m doing a rock track with <a href="http://www.ethanhein.com/wp/2009/how-we-wrote-this-song">Barbara Singer</a>, we&#8217;ll record a take of her flailing freely away at the guitar over a beat, and then find the best bar or two and loop them. If we need a variation or another section, we&#8217;ll use the second-best bar or two, and maybe the third. The less material we use, the better it sounds.</p>
<p>In the future I would wish for a more porous barrier between the recording artist and the listener. It&#8217;s been a bottomless source of pleasure for me to <a href="http://www.ethanhein.com/wp/computer-music">remix and mash up</a> other people&#8217;s recordings. With all due respect to my fellow musicians, I know what I like better than they do. For the vast majority of recordings I have, I&#8217;d rather hear the key musical ideas repeated identically in groups of four or eight over hip-hop beats. If recording artists don&#8217;t want to oblige me by structuring stuff that way, I can just edit their music to suit myself. It would be a lot easier to do this if I had access to the individual tracks. A few, very few, artists release tracks with the <a href="http://en.wikipedia.org/wiki/List_of_musical_works_released_in_a_stem_format">stems separated out</a>. I wish for the day when it&#8217;s standard practice.</p>
<p>Update: for hilarious insight into the process of making a top ten hit in 1988, don&#8217;t miss <a href="http://www.ethanhein.com/wp/2010/doctorin-the-top-forty">the KLF&#8217;s Manual</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2010/inside-the-recording-process/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Resequencing the Funky Drummer&#8217;s DNA</title>
		<link>http://www.ethanhein.com/wp/2010/resequence-a-samples-dna/</link>
		<comments>http://www.ethanhein.com/wp/2010/resequence-a-samples-dna/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 01:48:16 +0000</pubDate>
		<dc:creator>Ethan</dc:creator>
				<category><![CDATA[Composition]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Sampling]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[dna]]></category>
		<category><![CDATA[electronica]]></category>
		<category><![CDATA[Evolution]]></category>
		<category><![CDATA[funk]]></category>
		<category><![CDATA[funky drummer]]></category>
		<category><![CDATA[hip-hop]]></category>
		<category><![CDATA[james brown]]></category>
		<category><![CDATA[memes]]></category>
		<category><![CDATA[midi]]></category>
		<category><![CDATA[mutation]]></category>
		<category><![CDATA[recursion]]></category>
		<category><![CDATA[recycle]]></category>
		<category><![CDATA[remixes]]></category>
		<category><![CDATA[sequencing]]></category>
		<category><![CDATA[songwriting]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.ethanhein.com/wp/?p=3127</guid>
		<description><![CDATA[The most sampled recording in history is (probably) the Funky Drummer loop from James Brown&#8217;s song &#8220;The Funky Drummer Parts One And Two.&#8221; Here I go deeper into how this sample can be reworked into new music. DJs call this practice chopping a sample. It&#8217;s much easier to chop samples with computers than with hardware [...]]]></description>
			<content:encoded><![CDATA[<p>The most sampled recording in history is (probably) the <a href="http://www.ethanhein.com/wp/2009/the-natural-history-of-the-funky-drummer-break">Funky Drummer loop</a> from James Brown&#8217;s song &#8220;The Funky Drummer Parts One And Two.&#8221; Here I go deeper into how this sample can be reworked into new music. DJs call this practice chopping a sample. It&#8217;s much easier to chop samples with computers than with hardware samplers and <a href="http://www.ethanhein.com/wp/2009/dj-on-the-one-and-two">turntables.</a></p>
<p>To take a sample, the first step is to extract it as a separate audio file. I like to use <a href="http://www.flickr.com/photos/ethanhein/4244624289/">a program called Transcribe</a> for this purpose. Once I have a sample, my preferred tools for remixing are <a href="http://www.propellerheads.se/products/recycle/">Recycle</a>, which slices a sample into individually-manipulable pieces, and <a href="http://www.propellerheads.se/products/reason/index.cfm?fuseaction=get_article&amp;article=devices_drrex">Reason&#8217;s Dr Rex loop player,</a> for reshuffling and resequencing the slices, changing the key, adding effects and doing further transformation.</p>
<p>Here&#8217;s the Funky Drummer loop as seen in Recycle. Click through to see it bigger.</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/ethanhein/3558120590/"><img class="aligncenter" title="Click to embiggen" src="http://farm4.static.flickr.com/3641/3558120590_fd5c8233cd.jpg" alt="" width="300" height="187" /></a></p>
<p style="text-align: left;">Here&#8217;s a graphic I made showing how you hear the loop as it&#8217;s played repetitively.</p>
<p style="text-align: left;"><a href="http://www.flickr.com/photos/ethanhein/3564417436/"><img class="aligncenter" title="Click to embiggen" src="http://farm4.static.flickr.com/3410/3564417436_d1ff42cfd6.jpg" alt="" width="300" height="296" /></a></p>
<p style="text-align: left;"><span id="more-3127"></span></p>
<p>Here&#8217;s how the <a href="http://www.ethanhein.com/wp/2009/the-natural-history-of-the-funky-drummer-break">Funky Drummer loop</a> looks in the Reason loop player and sequencer. The blue thing is the loop player itself, where you can add effects like filter sweeps and pitch shifting. Below, the sequencer shows eight repetitions of the loop, forming an eight-bar phrase, a metaloop.</p>
<p><a href="http://www.flickr.com/photos/ethanhein/4258792625/"><img class="aligncenter" title="Funky Drummer in the loop player" src="http://farm5.static.flickr.com/4033/4258792625_28a3ae676a.jpg" alt="" width="499" height="500" /></a></p>
<p>Here&#8217;s the view inside one of the colored boxes in the sequencer, a single iteration of the loop.</p>
<p><a href="http://www.flickr.com/photos/ethanhein/4259549144/"><img class="aligncenter" title="Funky Drummer in the sequencer" src="http://farm5.static.flickr.com/4011/4259549144_552e3cd451.jpg" alt="" width="500" height="441" /></a></p>
<p>Each red brick is a slice, a rhythmic event, a drum or cymbal hit. There are sixteen of them in this loop. Reason follows the dance music convention of thinking of a bar as sixteen sixteenth notes, so it considers the Funky Drummer loop to be one bar long. This convention makes me crazy; I prefer to think of it as two bars of eight eighth notes each. However you want to count it, musicians usually describe this as a sixteenth note feel. <a href="http://ethanhein.com/music/Funky_Drummer_loop.mp3">Hear the loop:</a></p>
<p>By removing every other slice of the loop, you change the groove from a sixteenth note feel to a more spacious eighth note feel. The silences have as much presence as the drum hits.</p>
<p><a href="http://www.flickr.com/photos/ethanhein/4258793319/"><img class="aligncenter" title="Funky Drummer with gaps" src="http://farm5.static.flickr.com/4038/4258793319_f3be550dec.jpg" alt="" width="500" height="438" /></a></p>
<p><a href="http://ethanhein.com/music/Funky_Drummer_8th_notes.mp3">Here&#8217;s how the loop sounds</a> in eighth notes.</p>
<p>You don&#8217;t need to play the slices of a loop in their original order. Reason lets you play the slices in any order at all. Here&#8217;s the Funky Drummer loop completely randomized:</p>
<p><a href="http://www.flickr.com/photos/ethanhein/4259549922/"><img class="aligncenter" title="Funky Drummer scramble" src="http://farm5.static.flickr.com/4066/4259549922_a7a274c3aa.jpg" alt="" width="500" height="490" /></a></p>
<p>I&#8217;m not posting an mp3 of this because it sounds terrible, but sometimes randomizing the slices of a sample can give unexpectedly delightful results. You get especially interesting sounds when you map the MIDI data from one loop to the audio from a different one. You can also try new combinations by playing the slices from <a href="http://www.ethanhein.com/wp/2009/sampling-keybs">a keyboard or other MIDI controller.</a> The slices automatically map to the chromatic scale, so slice one is the lowest C on the keyboard, slice two is C sharp, slice three is D and so on.</p>
<p>The loop player gets even more interesting when you supply it with a melodic phrase. By playing pieces of the melody in different orders and shifting the individual notes up and down, you can effortlessly create new melodies from any existing sample. The combinatorial possibilities are dizzying.</p>
<p>I see a strong analogy between shuffling the pieces of a sample to create new music and <a href="http://www.ethanhein.com/wp/2010/songwriting-and-genealogy">shuffling DNA letters to create new organisms.</a> In biological evolution, all new organisms come about by the semi-accidental reshuffling of existing organisms&#8217; genomes. So, for instance, mutations can happen when a sequence of DNA gets repeated accidentally during copying:</p>
<p><a href="http://www.flickr.com/photos/ethanhein/2546274703/"><img class="aligncenter" src="http://farm4.static.flickr.com/3090/2546274703_9e8240f82f_o.png" alt="" width="288" height="576" /></a></p>
<p>I believe that new music comes about this way too. Before software like Reason and Recycle, the reshuffling of musical memes happened exclusively in musicians&#8217; minds, or later on paper. The software extends the power of our recombinational imaginations to recorded music, not just imaginary music. Powerful stuff!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ethanhein.com/wp/2010/resequence-a-samples-dna/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
<enclosure url="http://ethanhein.com/music/Funky_Drummer_8th_notes.mp3" length="146532" type="audio/mpeg" />
<enclosure url="http://ethanhein.com/music/Funky_Drummer_loop.mp3" length="163877" type="audio/mpeg" />
		</item>
	</channel>
</rss>

