rui live note

WordPress、PHP、子育て、ブログ、将棋、コワーキング、子育て、群馬等に関する日々感じたことを書いているブログです

*

棋士データベースで遊ぶ(9)〜棋士の師弟関係をD3.jsで可視化その2〜

  • このエントリーをはてなブックマークに追加
  • Pocket

※この記事は「将棋 Advent Calendar 2016 – Adventar」の21日目です。

将棋連盟の棋士データベースで遊んでみようシリーズ、前回の記事では棋士の師弟関係を D3.js で可視化してみましたが、データが多すぎてかなり見づらい状態でしたので多少改善を図ってみました。

棋士の師弟関係をD3.jsで可視化

今回、手を加えた点は次のものです。

  • 未選択時の線の色を薄くした
  • 棋士・女流棋士別に分けた

未選択時の線の色を薄くした

まず、データが多くて師弟関係の関連を表す線がごちゃごちゃ見づらかったので、未選択時の線の色を薄くして選択された線が分かりやすくなるようにしてみました。

前回まではこんな状態でしたが・・・、

kishi_sankey

色を調整したことでこんな感じに。

棋士の師弟関係

棋士を選択した時にも師弟関係の線がだいぶ分かりやすくなりましたね。

棋士の師弟関係

棋士・女流棋士別に分けた

また、データを棋士・女流棋士別に絞ったページをそれぞれ作りました。

こちらが棋士だけのページ。

棋士の師弟関係

こちらが女流棋士だけのページです。

女流棋士の師弟関係

これで前よりもだいぶ見やすくなったと思いますがいかがでしょうか?

まだまだ改善する方法はいくらでもあるんでしょうが、時間の都合もあるのでとりあえず今回はこの辺で・・・。もっと良いアイデアなどありましたら、ぜひご意見お待ちしてます!

この記事で作ったコードはこちらに上げてありますので、どうぞご自由にご覧ください。

ad

この記事が気に入ったらシェアしてもらえると嬉しいです!

  • このエントリーをはてなブックマークに追加
  • Pocket
  • follow us in feedly
  • RSS

  関連記事

ドキュメント コンピュータ将棋
「ドキュメント コンピュータ将棋」を読みました。

「ルポ 電王戦―人間 vs. コンピュータの真実」に続く松本博文( @mtmtl …

佐世保バーガー
ランチパスポート5店目。初めての佐世保バーガー、高崎市「エッグマン」のベーコンエッグバーガーセット

500円でランチが楽しめるランチパスポート、5店目は高崎駅前LABI1高崎にある …

確定申告
初めての確定申告(青色申告)でやったことをふりかえってみる

photo credit: kenteegardin via photopin …

英会話
英語学習ビギナーが英会話サロン「グローバルかフェ」に行ってみた体験レポート

最近英会話学習熱が高まっているのですが、気になるものは試してみよう!精神で、以前 …

コワーキングスペース Co-Edo
コワーキングスペース 茅場町Co-Edoに行ってきました

コワーキングスペース茅場町 Co-Edo すっかり投稿が遅くなってしまいましたが …

対局時計
無料で使える対局時計アプリ「お手軽対局時計」

※この記事は「将棋 Advent Calendar 2016 – A …

交差点
転職によって人の繋がりを広げられると感じたこと

私事ですが、去る4月をもちまして5年余り勤めた会社を退職し、この5月からまた新し …

地図
JavaScriptでUserAgentからスマートフォン判別して地図サイズ切り分け

photo credit: Annie Mole via photopin cc …

オムライス
ランチパスポート4店目。しっかりと懐かしい味な高崎市「room’s」のオムライスランチ

お得なワンコインランチが楽しめるランチパスポート、4店目は高崎市内の慈光通りから …

リアル車将棋
前代未聞な「電王戦×TOYOTA リアル車将棋」、ドライバー力が問われる対局ルールが公開!

2月8日(日)に開かれる前代未聞な将棋イベント、「電王戦×TOYOTA リアル車 …