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

  関連記事

将棋
将棋ウォーズで対人対局する時に自分が気を付けている3つの心構えについて

将棋ウォーズで誰かと対局するのはほんと楽しいですね。自分も相変わらず通勤電車内な …

電王戦
第三回電王戦最終局「屋敷伸之九段 vs ponanza」の大盤解説会を観戦してきました

先日開かれた第三回電王戦の最終第5局。屋敷伸之九段 vs ponanza の大盤 …

コロコロコミック
次世代ワールドホビーフェアに行くならコロコロコミックのVIP入場券を応募しておこう!

コロコロキッズたちの胸を焦がすビッグイベント「次世代ワールドホビーフェア ’15 …

将棋
将棋の楽しさを子どもに教えるのに青空将棋が良いと思う理由

最近うちの子がまたちょっぴり将棋に関心を持ち始めたようで、休みの日など時間がある …

人狼
高崎でやってる三回目の人狼ゲーム会参加してきました!

3月20日に高崎で開かれた「みんなで人狼やってみよう会」に参加してきました。今回 …

モリシタ集め
8/29に開かれた電王戦の記者発表会内容まとめ

将棋電王戦に関する記者発表会2014 – 2014/08/29 14 …

高校野球
夏の甲子園がもうすぐ開幕するので高校野球の定番まとめページでもご紹介しましょう!

いよいよ、8月9日から夏の甲子園が開幕しますね。 高校野球 – 第9 …

コロツアー
コロコロコミックのお祭り「コロツアー2014」群馬大会に行ってきました

8月17日にイオンモール太田で開かれた、コロツアー2014群馬大会に行ってきまし …

マリオ
まだDLしてないキッズは急げ!スマブラ3DSの体験版が10月31日までで配信終了に

任天堂の人気シリーズ「大乱闘スマッシュブラザーズ」(略称スマブラ)の最新作「大乱 …

招き猫
コワーキングスペース を舞台にしたドラマ「おふこうさん」を見てみました

テレビ史上初!?コワーキングスペースを舞台にしたドラマ「おふこうさん」が1月7日 …