エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【D3.js】サイズの大きなファイルを可視化する(ツリーマップ)
example 以前、アクセス流入元をツリーマップで表示してみたことがあるのですが、今回はファイルリスト... example 以前、アクセス流入元をツリーマップで表示してみたことがあるのですが、今回はファイルリストを可視化してみました。ファイルサイズに比例してブロックが表示されます。ツールチップで実際のファイル名が表示されます。 サイズの大きいファイルは、殆どが地理情報ファイル(geojson)でした。 データセットの作成 ぶっちゃけデータを作成するのが一番メンドウです。 D3のtreemapレイアウトを使用するには、データセットを以下の形式のオブジェクトにする必要があります。 { name:'root', children:[ name:'child-dir1' 'hoge1.txt', 'hoge2.txt', children:[ name:'child-dir2', 'hello1.txt', 'hello2.txt' ] }, 'file1.txt', 'file2.txt' }
2013/07/17 リンク