D3.js 英単語の英字遷移率をChord Diagramで可視化してみた
Pythonでクロール・スクレイピングをする練習がしたかっただけなんですが、ただスクレイピングするだけじゃ面白くないので、付け足しで遊んでみました。
今回は英語文献をスクレピングする練習をしてみて、それぞれの英単語の文字の遷移を調べて、可視化してみます。
可視化グラフに関しては、Chord Diagramを利用します。
JavaScript
D3.js D3.js Epoch.jsでリアルタイム可視化をしてみたかった
挫折系タイトルです←
IoTっぽくリアルタイムに送信されていくるデータを、Web上で可視化することは出来ないかと思い、少し調べてみましたが...。
ひとまず、こんなJavaScriptライブラリが見つかりましたので、紹介します。
D3.js Leaflef.jsとD3.jsでマップデータを可視化してみた
Leaflet.jsというWebマップ表示ライブラリを知りましたので、使ってみました。
結構前からあったそうな。
OpenStreetMapは知っていたけども、敷居が高そうと思っていましたが、たったこれだけのソースで表示できてしまった...。
D3.js D3.jsでよくあるツリーレイアウトの可視化をしてみた
「よくある」ってなんだよって感じではありますが…。
ひとまず例のサイトがありますので、こちらになります。
これを見ていて、よく端末内のディレクトリ構成と容量を同時に表示しているような感じにしてみようと思い、例のソースコードを参考にしながら作ってみました。
D3.js 都道府県人口データを地形の高さに可視化してみた
表題の通り、今回は都道府県人口データを、D3.jsとThree.jsの日本地図に、都道府県ごとの地形の高さに表してみました。
データを地形の色の濃淡で表す図のことを「コロプレスマップ」といいます。
D3.js D3.jsとThree.jsで日本地図を可視化してみた２
上記の前回記事では、D3.jsとThree.jsを使って日本地図を描画しました。
そこからさらに勉強を進めまして、より3Dに描画できるようになりましたので、データものせて作ってみました。
D3.js 都道府県・市区町村人口データをツリーレイアウトで可視化してみた
日本の人口データなどをD3.jsのツリーレイアウトで可視化してみました。
データは国勢調査からダウンロードさせていただきまして、RubyでJSONに加工してD3.jsで読み込んでいます。
D3.js D3.jsとThree.jsで日本地図を可視化してみた
D3.jsとThree.jsを使って、日本地図を3D的に描画してみました。
JavaScript Three.jsで棒グラフを描いてみた
Three.jsを知りましたので、何かデータ可視化に活かせないかなと考えてみてはいるのですが･･･。
D3.js 都道府県・市区町村別人口データをD3.jsで可視化してみた
D3.jsを使って、日本の人口データを可視化してみました。
データ（都道府県や市区町村の緯度経度の座標・人口）は、ESRIジャパン様からダウンロードさせていただきました。
D3.js 各地域の時系列気象データをCanvasとD3.jsで可視化してみた
各地域の気象データをHTML5のCanvasとD3.jsを使って可視化しました。
データは気象庁からダウンロードして、加工させていただきました。
D3.js 都道府県別のデータをD3.jsで可視化してみた
都道府県別のデータをD3.jsを使って可視化しました。
データはe-Statからダウンロードしてきて、Rubyで加工しています。
e-Statは政府統計データを閲覧・ダウンロードができるサイトです。