読者です 読者をやめる 読者になる 読者になる

データ分析エンジニアが気まぐれに更新するブログ

勉強してきた技術などを適当に書いていければと思います。

Epoch.jsでリアルタイム可視化をしてみたかった

挫折系タイトル← IoTっぽく、リアルタイムに送信されていくるデータを、Web上で可視化することは出来ないかと思い、少し調べてみましたが...。ひとまず、こんなJavaScriptライブラリが見つかりましたので、紹介します。 Epoch.js : http://epochjs.github.io…

Leaflef.jsとD3.jsでマップデータを可視化してみた

Leaflet.jsLeaflet.jsというWebマップ表示ライブラリを知りましたので、使ってみました。 Leaflet.js : http://leafletjs.com/ 結構前からあったそうな。 ※画像をクリックするとページを移動します。 OpenStreetMapは知っていたけども、敷居が高そうと思って…

D3.jsでよくあるツリーレイアウトの可視化をしてみた

「よくある」ってなんだよって感じではありますが…。ひとまず例のサイトがありますので、こちらになります。例:http://bl.ocks.org/mbostock/1093025これを見ていて、よく端末内のディレクトリ構成と容量を同時に表示しているような感じにしてみようと思い…

都道府県人口データを地形の高さに可視化してみた

明けましておめでとうございます。表題の通り、今回は都道府県人口データを、D3.jsとThree.jsの日本地図に、都道府県ごとの地形の高さに表してみました。地形の色の濃淡で表すのは、国勢調査の封筒の裏にも描いてあるくらいよく見ますけど(ちなみにコロプレ…

D3.jsとThree.jsで日本地図を可視化してみた2

上記の前回記事では、D3.jsとThree.jsを使って日本地図を描画しました。 D3.js : http://d3js.org/Three.js : http://threejs.org/ そこからさらに勉強を進めまして、より3Dに描画できるようになりましたので、データものせて作ってみました。 ※画像をクリッ…

都道府県・市区町村人口データをツリーレイアウトで可視化してみた

日本の人口データなどをD3.jsのツリーレイアウトで可視化してみました。 ※画像をクリックすると、ページを移動します。 データは国勢調査からダウンロードさせていただきまして、RubyでJSONに加工してD3.jsで読み込んでいます。データの大きさが大きいものほ…

D3.jsとThree.jsで日本地図を可視化してみた

D3.jsとThree.jsを使って、日本地図を3D的に描画してみました。 D3.js : http://d3js.org/Three.js : http://threejs.org/ ※画像をクリックするとページを移動します。 3Dといっても、日本地図は平べったいままです。D3.jsで日本地図をHTML5のCanvasに描画し…

Three.jsで棒グラフを描いてみた

Three.js : http://threejs.org/ ただの棒グラフに、なんて贅沢な使い方...笑 ※画像をクリックするとページを移動します。 var renderer, scene, camera, light; function init(){ $("#target").css("width", window.innerWidth + "px").css("height", windo…

都道府県・市区町村別人口データをD3.jsで可視化してみた

D3.jsを使って、日本の人口データを可視化してみました。 D3.js : http://d3js.org/ ※画像をクリックするとページを移動します データ(都道府県や市区町村の緯度経度の座標・人口)は、ESRIジャパン様からダウンロードさせていただきました。 ESRI Japan : …

各地域の時系列気象データをCanvasとD3.jsで可視化してみた

各地域の気象データをHTML5のCanvasとD3.jsを使って可視化しました。 ※画像をクリックするとページを移動します データは気象庁からダウンロードして、加工させていただきました。 気象庁ホームページ:http://www.jma.go.jp/jma/index.html 操作説明・適当…

都道府県別のデータをD3.jsで可視化してみた

都道府県別のデータをD3.jsを使って可視化しました。 D3.js : http://d3js.org/ ※画像をクリックするとページを移動します データはe-Statからダウンロードしてきて、Rubyで加工しています。e-Statは政府統計データを閲覧・ダウンロードができるサイトです。…