Facebook

I’m no great lover of FB, but I have a lot of friends and family who I can’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 complaints about privacy, I don’t see us abandoning it en masse.

Flickr

Despite Yahoo’s neglect, this continues to be the internet’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.

Google+

I don’t really know what to do with this yet, or whether I’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’t follow other people’s posts either. Still, it’s worth keeping an eye on.

Instagram

This frivolous-seeming iPhone app has turned into a steady source of creative gratification for me. Nine times out of ten I’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’s limitations. I automatically send all my photos to Tumblr and Flickr.

LinkedIn

I’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’s a handy way to keep my professional contacts in one place.

Quora

My favorite web thing of the moment. It’s ostensibly a Q&A site, but it’s also been a rich source of blog inspiration, a networking tool, a social game and a bottomless source of amusement. It fills some of the hole left by the decimation of my Delicious network. Enjoy it now, while it still has a high signal to noise ratio.

SoundCloud

Out of all the music sharing tools I’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.

Tumblr

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’s becoming steadily more substantive. I’m starting to find full-blown essays and news there that I don’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 — I wouldn’t anyone to miss a silly internet meme or picture of a strange animal.

Twitter

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’t know. I’ve even made some valued real-life friends there, as well as a bunch of valuable professional connections. But mostly it’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 Hootsuite.

WordPress

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.

Miscellany

I use Instapaper constantly, and not just for offline reading — it’s a good way to make web pages more readable on the iPhone, especially Wikipedia articles. I didn’t list it here because it’s not really social, and I don’t publish anything on it.

I still make nominal use of Delicious, but it’s fallen far out of the regular rotation.

I stream everything to FriendFeed, purely for SEO reasons.

My wife is addicted to Metafilter, and I look in on that from time to time, but haven’t had the brainspace yet to participate. I get a ton of traffic to my blog from Stumbleupon and Reddit, but again, don’t have the bandwidth to participate in those sites.

Music notation

Western music notation is a venerable method of visualizing music. It’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.

But western notation has some limitations, especially for contemporary music. It doesn’t handle microtones well. It has limited ability to convey performative nuance — after a hundred years of jazz, there’s no good way to notate swing other than to just write the word “swing” at the top of the score. The key signature system works fine for major keys, but is less helpful for minor keys and modal music and is pretty much worthless for the blues.

Here’s a suggestion for how notation could improve in the future. It’s a visualization by Jon Snydal of John Coltrane’s solo in Miles Davis’ “All Blues”  (I edited it a little to be easier on the eyes.)

Snydal’s visualization is more analog than digital — it shows the exact nuances of Coltrane’s performance, with subtle shadings of pitch, timing and dynamics.

MIDI sequencers suggest further improvements over standard notation. Here’s a simplified electronic music sequencer called iNudge. Play, it’s fun:

Here’s Thelonious Monk’s tune “Four In One” as shown in standard MIDI “piano roll” view. The rectangles show not only which notes are being played and when, but exactly how long they’re held. Darker red means louder, paler pink means quieter. You can also read volume off the bars along the bottom.

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.)

The Music Animation Machine has a wonderful series of videos matching MIDI piano rolls of various classical pieces with recordings of them. Here’s Bach’s infamous Toccata and Fugue in D minor.

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’s a screencap of the pitch-correction program Melodyne, a close cousin of Auto-tune.

The lines show the actual sung pitches, and the orange blobs show the notes the program thinks the singer meant to hit. The blobs’ thickness shows volume. You can drag and drop the blobs and redraw the lines at will to alter the melody to your heart’s content. Melodyne even transcribes the performance to standard notation and MIDI for you.

High and low

We’ve made up our collective mind that faster frequencies should be spatially represented as being “higher,” and that slower ones should be spatially “lower.” It seems so reasonable, but really it’s totally arbitrary, and doesn’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 “low” E string is physically located above the “high” one. The fingerings for higher and lower notes on wind instruments don’t correspond to a simple higher-lower axis either.

Absolute pitch is a straight line ladder, but pitch class is circular. The truest representation of pitch space is a helix.

Other ways to conceptualize pitch space

High and low aren’t the only metaphors we use for faster and slower vibrations. Like I said, pitch class is circular.

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.

Time

It’s a universal convention that notation shows time moving from left to right. But that’s not the only possible axis to use. How about forwards and backwards instead? That’s the paradigm in rhythm games like Dance Dance Revolution and Guitar Hero. The purest realization of this concept is in a game called FreQuency.

The game even allows you to construct your own remixes.

I like this tunnel metaphor and would like to see it extended into a full-blown production environment.

Waves

Pitches are sine-wave vibrations, and you can visualize them as such.

Sine waves wouldn’t make for very a helpful music notation, but they do help you understand what’s going on scientifically when you physically hear something. They’re even better animated:

See all of Wikipedia’s animated drum heads.

Waveforms

Audio editors show music as amplitude waveforms, blobs that get wider where the sound is louder. Here’s the Funky Drummer break in Recycle. The blue blobs show drum hits. These amplitude blobs don’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.

Here’s a graphic I made showing how you hear the Funky Drummer as it’s looping:

In a post on Design Observer, 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’s even a SoundCloud group called Pretty Waveforms.

Tomorrow Never Knows by ethanhein

The waveform has the potential to move from purely functional settings to more decorative ones. Here’s a waveform-based labeling concept by Joshua Distler, showing the tracks on Post by Björk.

Music theory and networks

I’ve always thought it would be cool to use networks to conceptualize music theory, and have made a few attempts at doing so. Here’s a comparison between the circle of half-steps and the circle of fifths, which are involutes of each other:

Here’s a map of the chord progressions in “Giant Steps” by John Coltrane.

And here’s a flowchart showing how you can figure out what scale or mode you’re hearing.

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 lattice 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:

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. Dmitri Tymoczko made waves for getting the first music-related article published in Science about his topological visualization methods for tonal harmony. I can’t quite wrap my head around his ideas, but they’re intriguing.

Here’s an illustration by Aniruddh Patel from his paper, “Language, Music, Syntax And The Brain.” Again, I’m not totally clear what it all means, but I plan to investigate further.

Other theorists have attempted to use color to show harmonic function. Scriabin invented a “keyboard of lights” for that purpose, though it didn’t really catch on.

Visualizing musical form and structure

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.

Edward Tufte shows some more sophisticated song structure visualizations on his forum:

The Shape of Song project by Martin Wattenburg shows repetition within a piece of music. Here’s his visualization of “Like A Prayer” by Madonna.

Here’s Wattenburg’s visualization of Beethoven’s “Für Elise.”

Speculation

Here’s an entertaining video showing how you can create a happening drum machine sequence using counting in binary by Niklas Roy.

Wouldn’t this graph coloring system make a cool music notation or interface?

Visual Complexity has many more ideas like this one.

I feel like we’ve barely scratched the surface of useful and attractive schemes. Are there other cool visualization methods I should know about? Hit the comments.

Updates

John Clover hipped me to this post, which overlaps heavily: Amazing Music Visualizations and Teaching

I just had the chance to play with some of Björk‘s Biophilia 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’s a remarkable experiment, one that I think is going to be influential.

See this post on Quora

You have one identity… The days of you having a different image for your work friends or co-workers and for the other people you know are probably coming to an end pretty quickly… Having two identities for yourself is an example of a lack of integrity.

How nice for Mark Zuckerberg that he doesn’t feel the need to keep any part of himself private. Zuckerberg doesn’t have an identity outside of his work, which is common enough in Silicon Valley startup culture but is neither possible nor desirable for most of us. When family members have illnesses, or friends are feeling down, or I’m thinking or feeling something that doesn’t reflect well on me in that moment, how is that any of my coworkers’ business? Zuckerberg understands human psychology very well within the context of college and startup culture, but Facebook is an increasingly poor fit for the complexities of my social life.

Steve Cheney writes:

Facebook is no longer a social network. They stopped being one long before the movie. Facebook is really a huge broadcast platform. Everything that happens between its walls is one degree away from being public, one massive auditorium filled with everyone you’ve ever met, most of whom you haven’t seen or spoken to in years.

In her essay “Facebook and Radical Transparency,” danah boyd articulates the disconnect between Zuckerberg’s values and everyone else’s.

Silicon Valley is filled with people engaged in self-branding, making a name for themselves by being exhibitionists.

In internet startup culture, typically you’re extremely proud of the work that you do, and you commit to it completely, immersing yourself in it. By the same token, you work so hard that you don’t have time left over to have other aspects to your personality. If your whole identity is wrapped up in a product that you’re proud and eager to get the word out about, what could be the harm in total personal transparency?

The problem is that most of us don’t completely identify with our jobs. We have aspects of our lives that we aren’t eager to share with everyone we encounter.

A while back, I was talking with a teenage girl about her privacy settings and noticed that she had made lots of content available to friends-of-friends. I asked her if she made her content available to her mother. She responded with, “of course not!” I had noticed that she had listed her aunt as a friend of hers and so I surfed with her to her aunt’s page and pointed out that her mother was a friend of her aunt, thus a friend-of-a-friend. She was horrified. It had never dawned on her that her mother might be included in that grouping.

If Facebook wanted radical transparency, they could communicate to users every single person and entity who can see their content. They could notify then when the content is accessed by a partner. They could show them who all is included in “friends-of-friends” (or at least a number of people). They hide behind lists because people’s abstractions allow them to share more. When people think “friends-of-friends” they don’t think about all of the types of people that their friends might link to; they think of the people that their friends would bring to a dinner party if they were to host it. When they think of everyone, they think of individual people who might have an interest in them, not 3rd party services who want to monetize or redistribute their data. Users have no sense of how their data is being used and Facebook is not radically transparent about what that data is used for. Quite the opposite. Convolution works. It keeps the press out.

This sounds exactly like the privacy policy for the social networking tool I’m dreaming up in my head. And I’d rather just charge users money up front so there’s no financial incentive to share data.

In his essay “Confusing *a* public with *the* public,” Jeff Jarvis takes Facebook to task for not understanding that there are many different degrees of “public” and “private.”

Facebook and Mark Zuckerberg seem to assume that once something is public, it’s public. They confused sharing with publishing. They conflate the public sphere with the making of a public. That is, when I blog something, I am publishing it to the world for anyone and everyone to see: the more the better, is the assumption. But when I put something on Facebook my assumption had been that I was sharing it just with the public I created and control there. That public is private. Therein lies the confusion. Making that public public is what disturbs people. It robs them of their sense of control—and their actual control—of what they were sharing and with whom (no matter how many preferences we can set). On top of that, collecting our actions elsewhere on the net—our browsing and our likes—and making that public, too, through Facebook, disturbed people even more. Where does it end?

I disagree with Jeff Jarvis about Twitter.

In Facebook, we get to create our publics. In Twitter, we decide which publics to join. But neither is the public sphere; neither entails publishing to everyone.

Twitter does entail publishing to everyone unless you set your tweets to private. Each tweet is a page on the open web, indexed by Google. It’s a short-form blogging tool. That’s what I like about it. I’m intending my statements there to be read by any stranger who cares to tune in. I love Twitter, I enjoy it and derive tremendous practical benefit from it. But I also want something private, something for home truths and expressions of heartbreak and anxiety and frank discussion of medical issues. Twitter certainly isn’t that. Facebook could be tediously configured into that using lists, but even if it’s technically possible to use it that way, it feels wrong. It retains flavor of the dorm room, and that’s not a setting that I feel comfortable using for serious emotional issues.

I want to build something better, maybe on top of Diaspora. Who wants to join me?

The images in this post are visualizations of my Facebook friends by Ivan Kozik’s Nexus app.