【D3.js】 ワードクラウド 「d3-cloud」プラグイン

最終更新日

Comments: 0

【追記】
バージョン上がって動かなくなったみたいなので、以下をどうぞ。
【D3.js】「全ツイート履歴」からWord cloudを作ってみた。


「タグクラウド」という呼び名の方が一般的なのかもしれません。

「d3-clud」はワードクラウドを生成する、d3.jsのプラグインです。

デモ

ダウンロード

使い方は、ダウンロードした中に含まれているsimple.htmlのソースを見るのが早いと思います。

上記のサンプルでは、画面を更新するたび単語が重ならないように自動的に調整されて表示されます。

手軽で見栄えもよくて、とても便利なプラグインなのですがSVGで出力されるため、SVGに対応しいないブラウザでは出力されたワードクラウドが表示されません。

なので、今のところ使いどころは限られてくるかも。

備考
textタグにwriting-mode=”tb”(縦書き)を指定するとうまく配置されませんね。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください