GeoCommons A public community and set of tools to access, visualize and analyze data with compelling map visualizations. http://geocommons.com GeoCommons Type: Web Application & API Technology: JavaScript, Ruby License: Various Links Website API Documentation GitHub User Google Fusion Tables A web application that makes it easy to host, manage, collaborate on, visualize, and publish data tables. h

前回 まででデータを表示するためのデータ収集は完了した。いよいよデータを表示する集大成だ。JSON をちょっとだけ修正前回の最後に出力した JSON はこんな感じのデータだった。 [{"lat" : 43.0577485, "lng" : 141.3451574, "name" : "北海道札幌市中央区", "code" : "060"}, {"lat" : 43.1060624, "lng" : 141.3406195, "name" : "北海道札幌市北区", "code" : "001"}, {"lat" : 43.0944552, "lng" : 141.3766337, "name" : "北海道札幌市東区", "code" : "065"}, // (以下略) このままではデータを利用できないので、postal 変数に代入しておく。 postal = [{"lat" : 43.

Axiis : Data Visualization Framework 複雑なデータも綺麗に描画できるデータのビジュアライズフレームワーク「Axiis」 以下のような、カッコいいグラフを動的にmxml(Macromedia Flex markup)で定義したデータによって描画できるフレームワークのようです 単純に描画するだけでなく、Flashなのでインタラクティブに、マウスオーバーでヒントを表示するなんていうことも可能みたい。 棒グラフも当然かけるみたい マウスオーバーすると、ポップアップでヒント表示する 様々なタイプのグラフが描けて、まさにデータビジュアライズのフレームワーク xmlによるデータ定義だけではなく、ActionScript を mxml に書けるので自由にグラフをカスタマイズできそうです。 データ定義だけの描画だと壁がありそうですが、こちらはフレームワークということで自由

as詳解 ActionScript 3.0アニメーション ―衝突判定・AI・3DからピクセルシェーダまでFlash上級テクニック を読んでいて、経路探索のアルゴリズムで A* が取り上げられていました。A* については、いろいろ検索して調べたりもしたのですが、やっぱり本に書いてあると理解しやすいですね。せっかくなので自分流に実装してビジュアライズしてみました。ダイクストラ法まずは A* の特別なケースでもあるダイクストラ法から見ていきます。クリックすると探索のシミュレーションが開始します。スタート地点(S)からゴール(G)への探索が始まります。色がついたところが「最短経路が決定した場所」です。スタート地点から少しずつ探索が完了していきます。半分ぐらい完了しました。まだまだ進みます。最後まで終わりました。最短経路を黒色矢印で表示しています。ダイクストラ法は、スタート地点から近いノード(=マス

データをデザインして視覚的に分かりやすく見せるインフォグラフィック。日本でも昨年頃からようやくメジャーに（というかいろいろ紹介されるように）なってきました。 紹介されるほとんどはグラフィックや映像で見る側が操作できるものではないけれど、ウェブサイトであればユーザーのマウス操作に合わせ、インタラクティブな表現が可能です。データの可視化（インフォグラフィック）はグラフィックや映像よりもウェブサイトに最適な手法だと日々考えています。 世界が急速に変化していく中で、データを視覚的に捉えることで、次の一手を考えやすくもなるし、今後大いに注目したい、というか日本では遅れているのでぜひ普及させていきたい。と思うところです。 というわけでさまざまなデータ可視化のウェブサイトを集めてみました。 環境、世界 教育 サッカー、その他スポーツ ニュース 個人的にお気に入り 日本 おまけ 環境、世界 Weight