改訂版: プログラマーが効果的な可視化を作成する （前編） - Qiita
改訂版について (5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです： 新しいセクションの追加 最近の本の紹介 細かな表現の修正 この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。 はじめに この記事は、可視化の専門家ではない人がコンピュータを使ってデータ可視化を実際に行う場合に必要な、一般的なノウハウをお伝えするシリーズの第一回です。 前編: 効果的なデータ可視化とはどのようなものか？ （本稿） 中編: 分かりにくい可視化を避けるための手法の選択 後編: Part 1
卜部昌平のあまりreblogしないtumblr
前回の続き。 前回の時点では「git blameが密になっているところはきっと活発に編集されていたに違いない」という仮説があったわけですが、これは本当のところは、よくわからない。なぜかというと、blameというのは地層のように降り積もったコミットの表面に露頭してるところしか見せてくれないわけです。本当に活発に更新されていたかを知るには、ようするに地質平面図じゃなくて地質断面図が必要なわけ。分かりますよね。 で、それはどうやって作ればいいかというと、gitには便利なgit log -pという、こういうとき便利だけど普段は使い道のなさそーなコマンドがあって、これは生のdiffをすべてだらだらと表示してくれるわけですよ。で、diffからblameを再構成するにはdiffの+行をひたすら集めてくればいいわけだけど、その時-行も一緒に覚えておいて、あるコミットでどのコミットが上書きされたかを覚えてお
WPF の binding に驚いた人をさらに唸らせるかもしれない Mathematica の Dynamic - NyaRuRuが地球にいたころ
XAML のデータバインディングって「プログラミング言語」っぽいよね？ とか一瞬思ったので今日は Mathematica 6.0 の Dynamic の話． Mathematica は学生を除いてお値段がアレ過ぎるので，ほとんどの人はこの機能をご存じないかと思いますが，かなり面白い試みなので機能の名前と概要ぐらいは憶えておくと良いかも，みたいな．学生ならお値段そこそこなので是非試すべし．大学でサイトライセンス持っていることも多いですしね．そういう人は使えるうちに遊んでおくと吉． Mathematica 6.0 の Dynamic って何？ 動的インタラクティブ機能言語 Mathematica の動的インタラクティブ機能の基本は，新しい形式の記号動的言語である．他の言語構造と自由に交わることのできる非常に強力な少数のプリミティブを使って，直接記号的なスタイルでプログラムを書くことができる．M
MySQLでVisual Explain
MySQL Workbenchの次期バージョンである6.0のベータ版が公開された。例によってMySQLのダウンロードサイトで公開されているので、新機能が気になる人はゲットして試してみて頂きたい。見た目が若干今流行りのフラットデザインっぽくなってシャレオツ（笑）な感じに仕上がってる。 ベータ版が公開されたのを記念して、Workbenchに搭載されているナイスな機能について紹介したい。そう、Visual Explainだ。Visual Explainとは読んで字のごとく、SQLの実行計画を視覚的に表現したものだ。SQLが複雑になると、その実行計画は理解し辛いものとなる。 今日はVisual Explain基本的な使い方と、それがどのように見えるかを紹介しようと思う。 Visual Explainを使用するには、対象のMySQLのバージョンが5.6以上であり、なおかつWorkbenchのバージョ
Visualizing git blame
Git には git blame というコマンドがあり(他のツールでも同様の機能は提供されている)、これを使うことでソースコードのどこを書いたのが誰か、という情報がline-by-lineで取得できる。この情報は行単位なので一次元の情報だけれど、適切な空間充填曲線に乗せることで二次元にマッピングできて、それに適当に作者ごとに色をつけるということをやってみると色々楽しい。そのスクリプトはひじょうにstraight-forwardな記述だとこういった感じになる。上の絵はruby 1.8.7に対する実行結果で、ChangeLogとかのあきらかに面白くないファイルは除外してあるからまあ、そのままの結果ではないけれど、これを見ると色々な思いが去来する。 Ruby 1.8.7 は多数の開発者が手を入れており、少数の支配的な貢献者といったような存在をみいだすことができないしかしながら、全体がのっぺりと灰
NYタイムズも注目！「データ×デザイン」を実現するデータビジュアリゼーション ライブラリ「d3.js デザイン会社 ビートラックス: ブログ
世界中でデータがどんどん増えていく中でデータをうまく扱うことはとても重要になってきています。そんな中、New York Timesが積極的に活用していたり、Githubのwatch数ランキングで上位にランクインしていたりと最近人気急上昇中のデータをビジュアライズする為の「d3.js」というライブラリがあります。 本日はこの「データｘデザイン」をwebサイト上で実現する為のjavascriptライブラリ”d3.js”について紹介したいと思います。 このライブラリを使うことで、今までなかなか難しくてできなかったウェブ上での「データの可視化」が手軽にできるようになり、複雑なデータを直感的に理解できるようなサイトが作りやすくなります。早速ですがこのd3.jsというものがどういうものかをなんとなく感じるには実際に動いているデモを見て頂くのが早いので以下をご覧下さい。 オバマ大統領の国家予算案詳細 (
Processing.js基礎最速入門 - catch.jp-wiki
関連：p5.js、日本語っぽいプログラミング言語そら豆スクリプト、HTML5+JavaScript Processing.jsは、ビジュアルデザイン用プログラミング言語の先輩格である「Processing」をベースに、最新のWeb環境(HTML5のCanvas要素、Javascriptあたり)で手軽に使えるようにしたものです。 この記事は、そんなProcessing.jsの簡単な入門記事です。先に書いたProcessing基礎最速入門の姉妹編になります。 本記事の対象読者は、基本的にまるでプログラミング体験のない人。でもまあ、Webデザインとか少しでも知っているほうが、取り組みやすいかも知れません。自分でいろいろ調べたり探究するのが好きなほうが良いでしょう。 2011-06-06:Processing-1.2.1.js で動作確認しています。 ●なんと、日本語っぽいコードをProcessi
データビジュアライゼーションの美
データビジュアライゼーションの美 (TEDTalks) David McCandless / 青木靖 訳 2010年7月 私たちは過剰な情報に苛まれているように感じています。でも簡単な解決法があるのかも。それはもっと目を使うことです。情報の可視化というのは、重要なパターンや関連を見えるようにし、情報にデザインを与えることで、意味が引き立ち、ストーリーが伝わり、重要な情報だけに集中できるようにします。そうできないなら単に小奇麗な見かけにすぎません。 例を見てみましょう。これは「ビリオンダラーグラム」です。この画像は、メディアの伝える何億ドルがどうのというニュースへの苛立ちから生まれました。そういう数字は文脈なしには意味がありません。パイプラインに5千憶ドル。戦争に2百億ドル。ピンときません。分かるための唯一の方法は、可視化と相対化です。それで私はたくさんのデータを様々な情報源から集め、額
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mbostock’s gists
パスワード認証
Yohoushi という分散 GrowthForecast グラフツールを作りました : sonots:blog
fluent + mongodb + node.js でwebアクセスの準リアルタイム解析 | Day After Neet
オープン Web テクノロジーのデモ | MDN