あらゆるデータを可視化するJavaScriptライブラリ「D3.js」最強説

d3-js
  • URLをコピーしました!

Adobe Flashが衰退していく中、WEB上での描画に関して最も優秀なJavaScriptライブラリとして今回紹介したいのが、「D3.js」です。
タイトルに「データを可視化する」と書くと、データをグラフ化すると捉えがちですが、D3.jsの凄いところはグラフだけでなく複雑な図形や地図なども表現することができます。
しかも、Flashのように利用できるブラウザが限定されることもないし、画像動画のように重くもありません。

目次

D3.jsとは?

上記でも少し触れましたが、あらゆるブラウザHTML5で描画するためのJavaScriptライブラリです。
D3.js – Data-Driven Documents(公式サイト)

D3.js
D3.js

D3.js(またはD3:Data-Driven Documents、旧:Protovis)は、 2011年に開発が始まったウェブブラウザで動的コンテンツを描画するJavaScriptライブラリである。
World Wide Web Consortium準拠のデータ可視化ツールとして、Scalable Vector Graphics(SVG)、JavaScript、HTML5、Cascading Style Sheets (CSS) を最大限に活用している。
その他多くのライブラリとは対照的に、最終的に出力された結果に視覚的な調整ができる。
D3.js – Wikipedia

D3.jsで何が表現できるか?

基本的に何でもできると思います。
こちらに付いて公式のサンプルギャラリーGitHubにありますので、そちらをご覧ください。
Gallery · d3/d3 Wiki · GitHub

D3.js Gallery (GitHub)
D3.js Gallery (GitHub)

D3.jsの使い方

使い方についてもドキュメントや入門書がたくさんありますので、そちらをご覧ください。

マーポミのブログ

ASCII.jp
jQueryの次に学びたい!D3.jsはWebデザイナーの最高の武器になる え、「D3ってグラフ描くライブラリーでしょ?」ですって? それだけではありません。あらゆるデータを魅力的に見せる「データビジュアライゼーション」は、Webデザイナー...

D3.jsのCDNはこちら

d3 – cdnjs.com – The best FOSS CDN for web related libraries to speed up your websites!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメント一覧 (1件)

Chart.jsは簡単に美しくグラフを描画できるJavaScriptのチャートライブラリ | Minory へ返信する コメントをキャンセル

CAPTCHA


目次