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 のチュートリアルの日本語訳がここにあるわけですが、解説は丁寧なのですけど全体が 16 章もあって冗長なのでまとめます。 メソッドチェーン D3.js の基本的なスタイルはメソッドチェーンです。 var dataset = [5, 10, 15, 20, 25]; var get_data = function(d) { return d; }; var get_color = function(d) { if (d >= 15) { return "red"; } else { return "black"; }; }; d3.select("body").selectAll("p") .data(dataset) .enter() .append("p") .text(get_data) .style("color", get_color); var dataset = [
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く