年収300万未満都市マップ、作ってみた。
むかし、「未満都市」というドラマがありましたね。まぁ、関係ないですけど。 ネットをさまよっていたら下記のような記事をみつけました。 年収300万円世帯と1000万円世帯では、子どもの学力がはるかに違う～広がる「教育格差」。施設支援から厳しい現実が見えた 件の記事の是非はともかく、以前、整形した「平成25年住宅・土地統計調査」データの中に「世帯の年間収入階級(5区分)」というデータがあったので、地図上にマッピングしてみました。だた、すべての市区町村のデータがあるわけではないので一部の分布のみとなります。 世帯の年間収入マップ 「300万円未満、300万円〜500万円、500万円〜700万円、700万円〜1000万円、1000万円以上」という区分からひとつを選択し、その地域の世帯に対する割合をスライドで選択すると該当する地域が赤く塗られます。 灰色になっているところはデータがない地域です。 マ
「よくわかる◯◯県」地元の人が描いたざっくりすぎる地図が面白い 日本全国を集めてみた
各都道府県の地区ごとの印象をざっくりと地図に記した、「よくわかる◯◯県」シリーズが、Twitterで人気だ。全国の地図を集めた。なお、佐賀県のみ、きちんと地図を描かれたものが見つかっておらず、ここには含まれていない。（※一部、過激な表現を含むものもあります）
世界の色々な統計データをビジュアル化して、詳しく知ることができる世界地図40枚
国ごとの色々な個性や歴史、統計データを地図の上に視覚化すると地域ごとにいろいろな変化があって面白いもの。近くの国同士はなんとなく同じような傾向があったり、遠く離れているのに何らかの共通点があったりと見ていて飽きません。
【写】 デジイチ人気写真12,000枚を調べて分かったことまとめ。(撮影スポット編)の巻 - HSKぐうたらジャーナル
デジイチ買ったのは良かったけど、イベントが終わったら 箱にしまってそのまま。 最初はどこに行くにも持ち歩いて、あれこれ撮ってたけど なんかマンネリ気味なんだよねー。 …なんてことになってたら要注意。 高いお金を払って買ったデジイチだから、 どうせなら随の髄までしゃぶってしゃぶって、しゃぶりつくして 自分の血肉になるまで使い倒してやりたいですよね。 そんなときは、 自分が撮りたい！と思うものを決めてしまうのが 次の上達への一歩だと思うのです。 しかし、何を撮ったらいいのか分からない、というのもありがちな悩み。 だったら、写真を撮りまくってる人たちが 何を撮ってるか調べてやる！というのが今回の記事のきっかけでした。 思い立ったら徹底的にやるのが私のやり方。 デジイチユーザ御用達のGANREFさんから、位置データの付いている 約12,000枚の撮影データをダウンロード。 今回はさらに、その中から
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 - ICS MEDIA
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 2013年3月15日に開催されたCreateJS勉強会（第2回）で発表したWebサイト「日本全国花粉飛散マップ」ですが、CreateJSとTypeScriptを使って制作しました。 今回の作品のポイントとしては、次の3点があげられます。本記事では次を具体的に説明します。 HTML5で制作、デスクトップだけでなくスマートフォンやタブレットでも再生可能 CreateJSで、DOMではできないHTML5 Canvasならではの表現 TypeScriptを用いて低学習コストで効率的な制作の実現 スマートフォンやタブレットでも閲覧可能 このWebサイトは環境省が提供している資料を元に、過去9年分の花粉の飛散量をパーティクルを用いてビジュアライズしたものです。花粉の量に比例して、パーティ
JavaScriptなしで地域ごとに色が変わる日本地図を作る
HTML、CSS、画像だけで、マウスオーバーした地域ごとに色が変わる日本地図を作る方法です。 文字だけではちょっと意味がわかりにくいかもしれませんので、とりあえず↓の日本地図の上にマウスカーソルを載せてみてください。クリックするとページ遷移しますが、このデモでは Not Found になりますのでご注意ください。 デモページを別のタブで開く このデモをダウンロード（ZIP） 2009年に仕事で「日本地図をクリックすると地域ごとに違うページに飛ぶ」ページを作らなければならなかった時に、当時 JavaScript も書けないし Flash は PC に入っていなかったので、HTML と CSS だけで作ってみました。 このデモはDOCTYPE宣言が HTML5 になっていますが、当時 HTML 4.01 で、IE6 でもきちんと動くように作りました。 ですので、特殊なタグやプロパティは使わず
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OpenGLを使った地図描画エンジンの作り方（3）
