GUNMA GIS GEEK

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

messy desktop

ブログ記事のカテゴリ設計が苦手な人はプログラミングも苦手にちがいない。

2016/02/04   -未分類

ブログの記事に適切なカテゴリを設定することができません。特にMapカテゴリなんかは自分で作ったにも関わらず、抽象度が高すぎて使いどころがわからず結果統一感のない記事が登録されてしまっています。 厄介な …

d3_Before_After_Image

【D3.js】Before After Image Slider

2016/01/29   -D3v3

example スライダーで2枚の画像を切り替えて比較できる、いわゆる「Before After Image Slider」というものをD3.jsで作ってみた。 「2枚でなく複数枚重ねて切り替えられる …

シンプルなGUIローカルサーバー「Served」

2016/01/27   -App

Served アプリケーションウインドにindex.htmlを含むフォルダを投げ込めばローカルサーバーが起動します。 要するにコマンドラインで ptyhon -m http.serverrと打つのと同 …

Super Sharp

柔らか頭で一刀両断。物理演算パズルゲーム「Super Sharp」

2016/01/25   -iPhone/iPad

Super Sharp – 1Button SARL 「Super Sharp」は、画面上のブロックをスワイプ操作で切断し、切断した断片をターゲットに当てるゲームです。 画面上のブロックは …

d3.js tspan で改行

【D3.js】text要素で手っ取り早く改行する方法2種。

2016/01/22   -D3v3

SVG textで改行 part.1 SVG textで改行 part.2 D3でチャートを作っていると、text要素を使ってラベルを表示するケースが多々あるのですが、text要素には改行コードなどが …

円の外周から外周にラインを引く

【D3.js】円の外周から外周にラインを引く(暫定)

2016/01/15   -D3v3

example * 表示されない場合はリロードしてください。 まぁ、見てのとおりなのですが。 サークル要素とサークル要素をライン要素で結ぶ際に、サークルの外周にラインを接続するサンプルです。 この方法 …

Squaire.js

【D3.js】同じ面積の四角形で地図を描くプラグイン「Squaire.js」

2016/01/07   -D3v3

最近アメリカのニュースサイトなどで見かけることが多くなった等面積の四角形で行政区等を表示する地図ですが、それらを簡単に作成するためのD3.jsプラグインが「Squaire.js」です。 Squaire …

walking cat

2015年総括

2015/12/31   -未分類

大晦日ですね。 とくに、これといってなんのイベントもありませんが。 とりあえず今年一年を振り返ってみました。 ブログのアクセス 以前書いた記事から、あまり変わらず。 大体、月間40000PV~5000 …

massshooting calendar

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

2015/12/21   -D3v3, datavis

Mass Shooting Trackerというサイトで2013年から2105年現在までの銃乱射事件に関するデータがcsvファイルで公開されていたのでカレンダーにして表示してみました。ついでにジオコー …

D3.js logo

2015年までに発売されたD3.js参考書をまとめてみた。

2015/12/12   -D3v3

年末年始、とくにやることもなくて暇でしたら、D3で遊んでみては如何でしょうか。 D3.jsも最近はだいぶ普及が進み、参考書の数も増えてきました。 そこで2015までに発売されたD3.js参考書を改めて …

MapboxGL & D3 ポリゴンサンプル

【D3.js】MapboxGLの地図上にSVGをオーバーレイする。

2015/12/08   -D3v3, mapboxGL

Mapboxがバージョンアップされ、MapboxGL.jsライブラリが公式のクライアントライブラリとなったようです。以前のMapbox.jsはLeaflet.jsベースでD3と組み合わせやすくて気に入 …

ジグソークーソー

地図を読み解くミステリー「ジグソークーソー」

2015/12/06   -maps, 書籍

3巻で一つの物語なので、まとめてお買い求めいただくのをお勧めします。 [まとめ買い] ジグソークーソー (上下左右) posted with amazlet at 15.12.07 Amazon.co …

2015121access

Gigazineに載った。

2015/12/02   -ブログ運営, 未分類

こないだ作った「年収300万未満都市マップ、作ってみた。」の地図がGIGAZINEに掲載されました。 年収「300万円未満」や「1000万円以上」の世帯がどの地域に多いのか一目で分かる「世帯の年間収入 …

dronebird

ドローンを使って早く正確な地図を作る「DRONE BIRD」プロジェクト

2015/11/28   -未分類

オープンストリートマップで有名な古橋さんが、災害など緊急時にドローンを使って迅速に被災地の空撮をおこなう「DRONE BIRD」というプロジェクトをすすめているそうです。最近何かとネガティブな話題が多 …

家計を主に支える者の年収マップ

年収300万未満都市マップ、作ってみた。

2015/11/26   -D3v3, datavis, leaflet.js

むかし、「未満都市」というドラマがありましたね。まぁ、関係ないですけど。 ネットをさまよっていたら下記のような記事をみつけました。 年収300万円世帯と1000万円世帯では、子どもの学力がはるかに違う …

smoothGeoPath

地図上のラインを滑らかに表示する

2015/11/10   -D3v3, Google Map API, 未分類

example geojsonのラインを補完して滑らかに表示してみました。 ちょこっと解説 棒グラフなどを滑らかに表示する際に使うinterpolateメソッドをgeojsonから再生されたパスに適用 …