GUNMA GIS GEEK

群馬県の片隅でオープンデータとデータビジュアライゼーションとGIS(地理情報システム)に戯れるエンジニアのブログ。

*

【D3.js】全国の熱中症発生数を表示してみた(CSVデータ読み込み)

     - d3.js

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

Heatstroke

とりあえず、色々やってみて覚えよう!ってことで。
国立環境研究所」よりいただいた熱中症発生数のデータを可視化。
ダウンロードしたtsvファイルをExcelを使ってcsvに変更、文字コードをUTF8にコンバートしてD3に読み込ませています。

d3.csvでcsvファイルを読み込むと1行目をキーとした連想配列が返ってきます。あとはそれをデータセットとして使用するだけ。簡単!

example

ホントは、ソートを行った時に、サークルが移動するようなインタラクションにしたかったのだけれど、力及ばすでした orz

↑やり方が分かったので追記。

example

 - d3.js

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

Comment

  関連記事

japan scatter
「線グラフを群馬県にする」のはできたので、今度は都道府県を散布図にしてみた。

迷走中。 example 前回、線グラフを群馬県にしましたが、今回は都道府県を散 …

手書き風地図
Leaflet.jsとD3.jsを使って手書き風の地図を表示する

実用性はありません。あとIEで動きません。 example スライダーを右に移動 …

Hackers_and_Painters
D3の魅力

d3.js Advent Calendar 2013 6日目の参加記事です。 技 …

前橋市一次避難場所
前橋市一次避難場所

「前橋市オープンデータライブラリー」から取得した町界データと一次避難場所データを …

ツイートワードクラウド
【D3.js】「全ツイート履歴」からWord cloudを作ってみた。

嗜好がバレる。 自分のすべてのツイートをダウンロードできるようにしました 日本の …

東京メトロAPIてすと
東京メトロAPIテスト

example なんだかんだでやっと承認され、東京メトロAPIで遊んでいます。 …

d3moji
【D3.js】絵文字を要素として扱えるプラグイン

mathisonian/d3moji d3mojiプラグインは、D3を使って絵文 …

diff000001
D3.jsを使ってSVGで地図を描く

詳しく説明できるほど理解できていないので、とりあえずサンプルとコードを載せておき …

d3
D3.jsの勉強会を行いました。

D3.js勉強会@群馬、無事開催いたしました。 何しろ初めて勉強会というものを主 …

インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化
【D3.js】デザイナーにお勧め「インタラクティブ・データビジュアライゼーション」感想

インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化 …