アーティストの癖がわかる。よく使うギターコードを視覚化

著名アーティストがよく使うコードを視覚化した作品を紹介します。
FretHeatmapApp

プルダウンからアーティストを選択すると、よく使うコードが濃い赤で表示されます。

White Stripesを選択した場合

FretHeatmapApp 1

対象アーティスト

FretHeatmapApp 2

この作品は、英ガーディアン紙「DATA BLOG」でも公開されました。
Guitar heroes: which artists play what?

技術背景

データ収集・解析にはRubyとR。
データセットの格納先はMongoDB。
サイト表現にはRuby on Rails、Backbone.jsを使用しているみたいです。

Backbone.js

Backbone.js 1
Backbone.js公式サイト

主なBackbone.js使用実績

Backbone.js 2

・Hulu
・LinkedIn Mobile
・WordPress.com
・Forsquare
・Disqus
・Walmart Mobile
・Airbnb
など

プロフィール

櫻田潤
櫻田 潤(さくらだ・じゅん)

プログラマー、システムエンジニア、ウェブデザイナーを経て、2010年よりビジュアルシンキングを運営。あわせて、インフォグラフィックのデザインも始める。2014年、NewsPicksにインフォグラフィック・エディターとして参画。ビジュアルを用いた記事を多数、執筆デザイン。2017年よりNewsPicksのクリエイティブを統括。著書に『たのしい インフォグラフィック入門』『図で考える。シンプルになる。』ほか。