触れる可視化--データビジュアライゼーションとは何か(後編)

矢崎裕一

2014-05-21 07:30

 前編では、データビジュアライゼーションが必要になった背景やその定義を解説しました。後編では、データビジュアライゼーションを取り巻く最新技術や事例を紹介します。

「D3」で変わるデータビジュアライゼーション

 最近はデータビジュアライゼーションがブラウザ上で実装可能になってきました。たまにブログ記事などでブラウザでの機能対応が劣化版かのように取り上げられることがありますが、それは「D3」の登場に代表される最近のライブラリの充実により、過去の認識になるでしょう。

 D3というのはJavaScriptとSVG(Scalable Vector Graphics)というウェブ標準機能に準拠したライブラリで、統計チャートの表示を支援する機能や、地理、地図投影法に複雑な処理が必要な機能をこのライブラリが内部でまかなっており、作り手はスタイリングやレイアウトに注力できるというものです。

 実はこれこそが画期的なことです。ビジネスインテリジェンス(BI)用のソフトではビジュアライズ部分を独占的に作っていることが多いため表現力が弱く、最近ではD3やIBMのウェブベースビジュアライゼーションアプリ「ManyEyes」などオンラインでの先端的なライブラリと接続されることが多くなってきたように感じます。

 D3のメイン開発者はMike Bostockといい、彼自身ニューヨークタイムズ(NYT)に所属していて、日々データビジュアライゼーション作品を生み出しています。D3は、NYT以外にもThe Washington Post、新興ウェブメディア「Quartz」などでも活用されています。2013年にはオンラインジャーナリズムの賞をJavaScriptライブラリとしては初めて獲得しました。

 以前のFlashのような配布を制限するような作りではなくウェブ標準に準拠しているので、たとえD3を使わなくなったとしても、2次元グラフィクス記述言語SVGでリプレース可能な作りとなっていて、そこも高く評価されているようです。

 表示フォーマットがいくつか予め用意されていて、そこから選べるツールを使えば比較的簡単ですが、そのデータ固有のインサイトを的確に伝えるには不十分な場合が多いでしょう。また、読み手に探索的にデータを提供するならそれでもいいのかもしれないのですが、ストーリーとして共感を得るためには個別にどう提示すべきか考えを尽くす必要があります。

データビジュアライゼーションが有効な領域

 例えば、食料が大量に無駄になっている現実があるとして、いきなりデータビジュアライゼーションで見せつけられても、もしかしたら自分が責められているように感じ、罪悪感とともにページを閉じてしまうかもしれません。

 この場合必要なのは、1枚の強い力を持った写真とコピー1行で、そのあと読み手にとって自分ごとになるようなインタラクションがあり、それをきっかけに、やっと論拠(エビデンス)としてのデータビジュアライゼーションが表示される、というような流れが必要かもしれません。

ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)

ホワイトペーパー

新着

ランキング

  1. セキュリティ

    ISMSとPマークは何が違うのか--第三者認証取得を目指す企業が最初に理解すべきこと

  2. セキュリティ

    情報セキュリティに対する懸念を解消、「ISMS認証」取得の検討から審査当日までのTo Doリスト

  3. 運用管理

    IT管理者ほど見落としがちな「Chrome」設定--ニーズに沿った更新制御も可能に

  4. セキュリティ

    シャドーITも見逃さない!複雑化する企業資産をさまざまな脅威から守る新たなアプローチ「EASM」とは

  5. セキュリティ

    従来型のセキュリティでは太刀打ちできない「生成AIによるサイバー攻撃」撃退法のススメ

ZDNET Japan クイックポール

所属する組織のデータ活用状況はどの段階にありますか?

NEWSLETTERS

エンタープライズコンピューティングの最前線を配信

ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]