GUNMA GIS GEEK

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

*

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

     - d3.js ver.3

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

Heatstroke

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

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

example

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

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

example

 - d3.js ver.3

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

Comment

  関連記事

d3geotilsep3
【D3.js】MapBoxから取得した地図画像(ラスタタイル)をSVGのClipPathでくり抜く

example MapBoxから取得した地図画像をtopojsonで読み込んだ日 …

prefcoolrankthm
形がかっこいい順に都道府県を並べてみた。

「形がかっこいい」と思う都道府県ランキング – gooランキング G …

La Belle Japan
【D3.js】地図をデザインする

example 下記記事を参考に、ちょっとオシャレな感じの日本地図を作成してみま …

夏バテ
D3.jsを用いて作成されたデータビジュアライゼーション事例まとめ。

絶賛、夏バテ中です。 ここ数日間は、ホント「仕事して寝る」の繰り返しでブログに書 …

raindrop-japan
夏バテぎみなのでD3.jsで、なんだかよくわからないもの作った。

なんだこれ? example 雨だれ見たいなものが日本の地形に変形するというよく …

群馬県過疎地域
【D3.js + GMap】群馬県の過疎地域

example 週末にノマドりながら作ったもの。 技術的には以前の記事の延長線上 …

Octocat
【D3.js】今まで作成したexampleをGitHubに公開しました。

shimizu/d3example 「せっかく、勉強会にも行ったことだし積極的に …

Google Map上に棒グラフを表示する
【D3.js】Google Map上に棒グラフを表示する

example 円グラフに引き続き、棒グラフを地図上に表示してみました。 棒グラ …

D3.js + hull.js
点集合を包むパスを描画する(hull.js + D3.js)

表示されている点の集合を包むパスを作成します。 D3では、「d3.geom.hu …

夏休み最後の自由研究をしよう!データビジュアライゼーションもくもく会
「AITC データビジュアライゼーションもくもく会」に参加しました。

夏休み最後の自由研究をしよう!データビジュアライゼーションもくもく会 ちょうど3 …