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

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

円グラフ

: D3.js

円グラフにアニメーションを付けて表示する

2015/10/18 attrTween()メソッド, interpolate()メソッド, アニメーション, 円グラフ, 色を付ける

記事のタイトルの通り、円グラフをアニメーションさせながら表示させてみます。円グラフを０度から３６０度まで１周して表示されるアニメーションを作成してみます。基本てなことは棒グラフのアニメーションと一緒で ...

: D3.js

円グラフの色分けしてみる

2015/10/18 円グラフ, 色付け

円グラフは、それぞれの扇の部分が色分けされているのが普通です。扇形部分を色分けするにはstyle()メソッドを使い、塗の色を指定します。D3.jsでは予め用意されたカラーを利用することもできます。それ ...

: D3.js

円グラフを作る

2015/10/18 円グラフ

日頃のグラフの中でよく見かけるのが円グラフです。スマートフォンの販売シェアとかを表す時に使われます。円グラフの表示には、D3.jsに用意されたレイアウト機能を使います。D3.jsには描画機能はないです ...