【D3.js】Shape Tweening 練習中
D3.jsを使ったPathのアニメーションについて勉強中です。 path要素のアニメーションはcircle要素やrect要素を使ったアニメーションより、いろいろと手間がかかるのですが、その中でも地理情報を元に作成したPathを動かすのは結構難儀だったりします。 でも、これができるといろいろと表現の幅が広がるので、知恵熱だしながら下記サンプルを元に習作をつくってみました。 Shape Tweening Bubbly Gunma 上記サンプルを元に群馬県をバブルっぽくしてみました。 example ほとんど上記サンプルのままですが、簡単に説明すると、各市ポリゴンの中心座標を取得し三角関数を使って円の座標データを別に作成しています。円の描き方に関しては下記記事がとても参考になります。 openFrameworks – いろいろな方法で円を描く、インタラクションを付加する 線グラフを群馬県にする
【D3.js】「全ツイート履歴」からWord cloudを作ってみた。
嗜好がバレる。 自分のすべてのツイートをダウンロードできるようにしました 日本の皆さんにも「全ツイート履歴」が使えるようになりました 全ツイートのダウンロードが可能になっていたので、ダウンロードしたtweets.csvを使ってワードクラウドを作成してみました。 example データセット作成 過去の全ツイートから固有名詞を抜き出して出現回数順にランキングにしたデータを作成します。 2007年から使っているわりに、累計ツイート数が10,939件と少ないのでテキスト処理系コマンドとExcelを使って行いました。ツイート数が多い場合は、以下の方法では難しいかもしれません。 まず、Windowsで処理しやすいようにS-JISに変換します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
D3 Template
http://ja.d3js.info/alignedleft/tutorials/d3/
