日本鳥類目録分類図の可視化
1.日本鳥類目録分類図
データの可視化(視覚化)をして見たいと思います。データの可視化はグラフや電子地図上にデータをマッピングしたりして分かりやすくすることです。
これを「データビジュアライゼーション」と言うそうです。特に今回は、題材として階層構造化(ツリー構造)されたデータを可視化ツールとして有名な
JavascriptライブラリであるD3.jsを利用して見ました。まず、見える化の第一弾としての題材は鳥類目録の作成をします。
題材における可視化のヒントは、
5.ダウンロード
この記事で紹介したサンプルの日本鳥類目録分類図(ソースコード、JSONファイル、出力結果ハードコピー)を配布致します。下記からダウンロードして下さい。
ダウンロード
■関連記事
・階層構造JSONファイルの作成
・日本哺乳類目録分類図の可視化
・日本海産魚類目録分類図の可視化
・鳥類、哺乳類、魚類目録分類図
題材における可視化のヒントは、
-
■公式ウェブサイト
URL : https://d3js.org/
■2013-12-27 d3.jsで鳥類目録
URL : http://d.hatena.ne.jp/tmizu23/20131227
■DATA GO JPで公表されている苔の絶滅危惧種を R + d3.js で可視化してみた
URL : http://kuteken.hatenablog.com/entry/2013/12/25/025118
-
1. 下記のサイトより、日本鳥類目録 第 7 版リスト(mokuroku7.xls)をダウンロード
(資料提供元 : NPO 法人 バードリサーチ)
データダウンロード先：http://www.bird-research.jp/1_shiryo/7ed/ 2.ダウンロードしたExcelファイルを開き、目名、科名、種名のみを残し、
他の列(A列、E列)は削除します。
3.目名、科名、種名を残した状態で列(A列、B列)を挿入で追加して、
A列：日本鳥類目録、B列:鳥類を追加します。
4.階層構造にして、目名と科名の同じものをそれぞれ先頭行のみとして削除します。
5.階層構造の表ができたら、A列の最終行にEOFの文字列を追加します。
6.ベースの表ができたので名前を付けて保存するので、任意のブック名で
一旦、保存します。
7.続けて、JSON形式に変換(JSON形式ファイルを自動生成)するため、名前を付けて保存で、
CSV形式(カンマ区切り)で保存します。
-
8.階層構造CSVtoJSONコンバータ.xlsmを開き変換ボタンをクリックしてbirds.csvを読み込み変換します。
※階層構造CSVtoJSONコンバータにつきましては、こちらを参照願います。 この操作でコンバータにて階層構造のJSONファイル(birds.json)が出力されます。
d3.json("./data/birds.json", function(error, root) {
DEMO
d3sample02.html内のJSONファイル名を変更する場合は、51行を修正して下さい。
d3.json("./data/birds.json", function(error, flare) {
{
"name":"鳥類",
"children":[{
"name":"キジ目",
"children":[{
"name":"キジ科",
"children":[{
"name":"エゾライチョウ",
"rank":""
},{
"name":"ライチョウ",
"rank":""
},{
"name":"ウズラ",
"rank":""
},{
"name":"ヤマドリ",
"rank":""
},{
"name":"キジ",
"rank":""
}]
}]
},{
"name":"カモ目",
"children":[{
"name":"カモ科",
"children":[{
"name":"リュウキュウガモ",
"rank":""
},{
"name":"サカツラガン",
"rank":""
},{
"name":"ヒシクイ",
"rank":""
},{
～ 中略 ～
"name":"マミジロキビタキ",
"rank":""
},{
"name":"キビタキ",
"rank":""
},{
"name":"ムギマキ",
"rank":""
},{
"name":"オジロビタキ",
"rank":""
},{
"name":"オオルリ",
"rank":""
},{
"name":"ロクショウヒタキ",
"rank":""
},{
"name":"チャバラオオルリ",
"rank":""
}]
},{
～ 中略 ～
},{
"name":"ゴマフスズメ",
"rank":""
},{
"name":"ウタスズメ",
"rank":""
},{
"name":"ミヤマシトド",
"rank":""
},{
"name":"キガシラシトド",
"rank":""
},{
"name":"サバンナシトド",
"rank":""
}]
}]
}]
}
4.出力結果
d3sample02.html [radial layout]とd3sample02.html [Collapsible Tree]のそれぞれの実行結果画面です。
尚、D3.jsはPCのローカル環境では動作しませんので、動作確認する場合は必ずWebサーバにアップして行って下さい。
ダウンロード
■関連記事
・階層構造JSONファイルの作成
・日本哺乳類目録分類図の可視化
・日本海産魚類目録分類図の可視化
・鳥類、哺乳類、魚類目録分類図
コメント
コメントを投稿