総選挙結果閲覧ツール 総選挙結果閲覧ツール（別のサイトに移動します） 使い方・説明 ランキング一覧 各選挙の結果を5位ずつ表示します。総選挙結果発表時点で担当声優がいるアイドルはアイコンが付いています。 表示回を選択することで、表示する総選挙結…

アイドルマスターシンデレラガールズの総選挙歴代トップ１０を動くグラフを作りました。d3.js V4で作成。データは独自集計なので、間違いなどありましたらお知らせ頂けると有難いです。

5/18 追記 アイドルに新しいステージ衣装を！声を聴きたい！ソロデビューさせたい！活躍の場を増やしたい！ これは熱狂のお祭り。 運営とPとファンとアイドルの思惑が交差する。 ゲーマーは他のプレイヤー*1と駆け引きをする。 これは最大のゲーム。 それこ…

松井恵理子さんがソロデビューされると発表*1があったのが2016年10月7日。 上田麗奈さんのソロデビュー*2発表は2016年9月24日でした。 山崎エリイさんの11月16日ソロデビュー*3発表が2016年8月24日です。 もう毎月のようにデビューが発表され、どこのレーベ…

次のようなJSONを投げて、適当にサイズを設定したらラテ欄みたいなものを生成したくなった。 data = [ { "title": "アニゲマスター", "day": "Sat", "station": "文化放送", "start": "21:00", "end": "23:00" }, { "title": "ドリカン", "day": "Sat", "sta…

おねがいシンデレラをD3.jsで 相関図 一緒に並んでいるのをカットごと数えました。 ※マウスでドラッグして動かせます ニュージェネはいつもいっしょにいるなぁ トライアドプリムスもけっこう一緒にいる あんきらはもちろん、きらりんと小さい子*1の組み合わ…

アイドルマスターのシリーズと主要イベントの年表をD3.jsで。 最近、あれいつごろのことだっけなと思うことが増えたので。 ライブツアーは基本的に最終公演日、2デイズは初日のみです。データは捨て６から……じゃなくてWikipediaからです。 var imas_history …

D3.jsで艦これ登場艦の年表 ほんとは撃破した艦の被害も調べようと思ったけど、艦の最期を調べただけでうつうつします…… 「艦これ登場艦年表」かなり横長になったので別ページです。 割とシンプルなrectを使ったグラフです。 ※追記 比叡と榛名が間違ってたの…

Force-Directed Graph 力指向グラフは、nodeの間と描画領域に物理的な作用を計算してうまいぐあいに表示するらしいです。 各node（円）はマウスで動かせます。 元データはPixivのタグ検索集計です。「(ラブライブ！ OR ラブライブ!) にこまき」などそれぞれ…

前回のエントリー！では、とりあえず表示できるところまでやりました。今回はもう少しD3らしい形にしていきます。 d3.scale, selection.data() var minHeight = d3.min(member, function(d){return d.height}); var maxHeight = d3.max(member, function(d){…

まとめ D3.jsでData-Driven Documentsするとかよくわからなかったので、基礎っぽいところのメモとサンプル。 まずは、d3.selectAll(), selection.data(), selection.enter(). d3.scale()を理解することが重要。 svgのcircle, rectあたりは調べておきましょう…