コーディング関連の情報をお届けします。

ウェブ制作、コーディング初心者のメモ

: D3.js

D3.jsでメソッドチェーンで独自処理をする

2015/10/18 call(), each()

メソッドチェーンに渡されている要素について独自の処理を行いたいとき、call()メソッドです。call()メソッドのパラメータには関数を指定します。datum()メソッドを以前の記事で説明しましたが、 ...

: D3.js

D3.jsのデータと要素の対応

2015/10/18 data()メソッド, datum()メソッド, enter()メソッド

D3.jsがどのようにして読み込んだデータと表示する要素を対応させているかを書いていきます。 D3.jsはデータを対応する要素の__data__プロパティに格納しているだけです。D3.jsはデータ ...

: D3.js

プレーンテキストを読み込む

2015/10/16 プレーンテキストを読み込む

プレーンテキストとは古くからある形式です。プレーンテキストは、データフォーマットなどが何もない、単に文字が書かれたファイルです。純粋にテキストファイルを処理したい場合や、独自のフォーマットの場 ...

: D3.js

HTML形式とXML形式ファイルを読み込む

2015/10/16 HTMLファイルを読み込む, XMLファイルを読み込む

HTMLファイルを読み込む D3.jsではHTMLファイルを読み込むこともできます。データは、CSVなどから読み込むことが一般的です。時には、HTMLファイルのtable要素を使ったデータを利用し ...

: D3.js

d3.jsでJSONファイルを読み込む

2015/10/16 jsonファイル読込

JSON形式は複雑なXML形式と比べてシンプルで、データ容量も少なくてすむので、ウェブでよく利用されています。JSON形式は複数のデータは [ ] で囲み、データにラベル付けておく場合は、 { } ...

: D3.js

読み込んだCSVファイルのヘッダー名が日本語だったら

2015/10/15 CSVファイル, row()()メソッド, 日本語ヘッダー

TSV,CSVファイルのヘッダー名が英語であるとは限りません。日本語で書かれたりすることもあります。この場合の対処方法を書いていきます。日本語が含まれているときは、 javaScriptの連想配列 ...

: D3.js

D3.jsでTSV(タブ区切りデータ)形式のファイルを読み込む

2015/10/15 TSVファイルを読み込む

D3.jsでデータとデータがタブコードで区切られたファイル形式である TSV形式も扱う事ができます。タブ区切りテキストは、シンプルで扱いやすいです、エクセルでも、このTSV形式を出力することができま ...

: D3.js

複数の図形を操作する

2015/10/15 D3.jsで特定の要素を操作する

D3.jsでは複数の図形を操作するにはselectAll()メソッドを使います。 selectAll()メソッドの引数には要素名、CSSクラス名を指定します。該当する要素があれば、それらすべてを戻り ...

: D3.js

図形のスタイルを指定する

2015/10/15 attr()メソッド

D3.jsで図形の属性はattr()メソッドでしました。図形のスタイルはどう指定すればいいのか。答えあ、d3.jsではスタイルを設定するためのスタイル()メソッドが用意されています。第１引数にス ...

: D3.js

図形の位置やサイズを指定する

2015/10/14 アニメーションさせる, オブジェクトリテラル形式, 特定の図形を操作

前回は、svg要素、rect要素を生成しました。ですが、SVGでは要素を生成しただけでは、何も表示されません。図形の位置やサイズを指定しなければなりません。 D3.jsで図形の位置やサイズを指定す ...

« Prev 1 … 9 10 11 12 13 … 40 Next »