GUNMA GIS GEEK

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

*

アメリカの銃乱射事件をカレンダーに視覚化してみた。

     - d3.js, datavis

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

Mass Shooting Trackerというサイトで2013年から2105年現在までの銃乱射事件に関するデータがcsvファイルで公開されていたのでカレンダーにして表示してみました。ついでにジオコーディングにかけてマッピングもしてみました。元データには大まかな住所データしかなかったのであくまで目安です。

massshooting

Mass Shooting Maps

Mass shootingの定義は媒体によってまちまちなのですが上記サイトでは「四人以上の死傷者がでた発砲事件」としているようです。
つまり、すべての発砲事件が掲載されているわけではないのですが、それでもカレンダーに表示してみるとほぼ毎日のようにどこかしらで事件が発生しているようです。びっくりですね。

距離的に近い事件は、発生日もちかかったりするのかなと思い、地図上で範囲を選択できるようにしてみたのですが、実際には日時も場所もバラバラで役に立ちませんでした。

その他、カレンダーの日付をクリックすると事件の詳細を画面下のテーブルに表示します。

興味があれば見てみてください。

 - d3.js, datavis

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

  関連記事

hummer & d3
D3.jsとHummer.jsを組み合わせてスマートフォン対応を行う

もともと、D3ではdragビヘイビア/zoomビヘイビアがスマートフォンの操作に …

gsheatmap
【D3.js】 テーブルを使ったヒートマップ(Google Analytics 可視化)

色が濃いほど訪問者数が多い時間となってます。 Google Analyticsか …

Bubbly Gunma
【D3.js】Shape Tweening 練習中

D3.jsを使ったPathのアニメーションについて勉強中です。 path要素のア …

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

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

barchart ui example
D3.jsで棒グラフを広げるUIを作ってみた。

example 棒グラフをクリックしたら、画面いっぱいまで広がって詳細を表示する …

d3
D3.jsの勉強会を(群馬で)やります。

人に教えることで、自分自身の理解も進むかなと。 詳細はAtndにて。 D3勉強会 …

e2d3_Logo
Excel上でD3.jsを使ったグラフを表示する「E2D3」を使ってオリジナルなグラフを表示してみた。

※記事内の情報が古くなっています。 ファーストインプレッション! E2D3 ve …

qiitagraph
Qiitaソーシャルグラフの視覚化。

……失敗かな。 example 各ユーザーのフォローデータはAPIから取得しまし …

vboxzoom1
【D3.js】 viewBox属性を使ったPan/Zoon

ドラッグで移動、ホイールで拡大縮小が行えます。 [crayon-56779882 …

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

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