D3.jsの使い方とグラフを作成するサンプル ｜ Tips Note by TAM
javascriptのライブラリ「D3.js」について調べてみました。 ■ 公式 D3.js - Data-Driven Documents ■ 日本語訳 D3.js - 日本語ドキュメント D3（Data Driven Document）.jsとは D3.jsとは、JSON、XML、CSV、タブ区切りテキスト、javascriptの配列などの 様々な形式のデータを可視化する時に便利なライブラリで、下記のような特徴があります。 ・データに基づいてドキュメントを操作する。 ＝データドリブン（データ駆動） ・データの表現に必要な変換は行うが、表現そのものは直接行わない。 ⇒表現は制作者に委ねられていますが、そのために複雑な表現が可能になっています。 ⇒表現には主にSVGを使用します。 ・モダンブラウザでの動作を前提としている。 ⇒標準では古いブラウザはサポートしない。（IEは9以上） ・jQu
D3.jsとFabric.jsを使ってcanvasに描画する
d3.js Advent Calendar 2013 4日目の参加記事です。 以前も、Fabric.jsについては書いたことがあるのですが、D3とFabricの組み合わせにはいろいろな可能性を感じるので、布教のつもりで改めて記事にしたいと思います。 Fabricは、HTML5のcanvas要素を使いやすくするJavaScriptのグラフィックライブラリです。 最近では、Canvas は、私たちが、全く 驚くべき グラフィックス をウェブ上で作ることを可能にしました。しかし、 CanvasのAPIが提供するのは、残念ながら低水準です。 もし、私たちが単に基本的な図形を canvas上にほとんど描きたいと思わず、そのことを忘れてしまえば別ですが、 どんな形にせよインタラクションが必要になったり、 いかなる点であれ、絵の変更が必要になったり、もっと複雑な図形を 描くことが必要になったら、状況は一
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
