はてなブックマーク

ワードクラウドを作成したい。 d3-cloud で作成したという記事をいくつか見つけ、よさそうなので利用することにした。これにあたり、D3の現在のバージョン(v5)にあわせて試行錯誤した。 概要 できあがりイメージ ワードと頻度をJSON形式で受け取り、ワードクラウドを作成する クラウドは、 ランダムで着色（v５のカラーチャートの範囲で）。 ランダムでローテートさせる 実装 GitHub にサンプルがあるので、ご参考ください。 var DATA_FILE_PATH = './data/words.json'; // 読み込みデータファイル var TARGET_ELEMENT_ID = '#cloud'; // 描画先 d3.json(DATA_FILE_PATH).then(function(data) { // v5 var h = 490; var w = 600; var rand