タグ

mapに関するopp_workのブックマーク (3)

  • シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」:phpspot開発日誌

    jVectorMap シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。 シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。 地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。 今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。 マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK 国ごとのカラーリングを示した例です。 アメリカだけを対象に描画も可能 ヨーロッパだけもOK 拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。 作った方お疲れ様でした&すごい! 関連エントリ ドラッグできる地図

  • ドリルダウンできるWebベースのツリーマップグラフライブラリ·webtreemap MOONGIFT

    webtreemapはHDD容量のビジュアル化などに使われるツリーマップをWebベース化したグラフライブラリ。 webtreemapはJavaScript製のフリーウェア(ソースコードは公開されている)。情報のビジュアル化はとても重要だ。特に文字や数字だけの羅列になっている情報は適切に並べたりフィルタリングすることでとても見やすく、内容が把握できるようになる。 Webベースのツリーマップ グラフを使ったり、モデリングしたりと様々な表示形式があるが、今回紹介するのはツリーマップだ。HDDの利用状況などをビジュアル化するのに使われる手法だ。それをWebベースで実現するのがwebtreemapだ。 webtreemapはJSONファイルで定義した内容に沿って、データをツリーマップ表示するライブラリだ。まず最大の枠で全体が表示される。そしてその中に四角が多数入り、個々のサイズが表示される。サイズは

  • Vimで現在割り当てられているショートカットキーの一覧を見る - アインシュタインの電話番号

    Vimでどのキーに既にショートカットキーが割り当てられていて、どのキーが空いてるのか、をどうやって調べるんだろうと疑問に思ってた。 昨日の記事で、「Vimに割り当てられてるショートカットキーを調べる方法ってあるの?」と聞いてみたところ、unite.vimの設定を参考にさせてもらったdelphinus35さんに教えてもらえた。ので自分の備忘録と、同じ疑問を持ってる人がいるかも知れないのでエントリー化しておく。 デフォルトで割り当てられているショートカットキー Vimのデフォルトのショートカットキー割り当てを調べるには、以下のテキストをhelpコマンドで参照する。 :help index.txt Vimのヘルプを日語化していれば、日語で一覧が表示される。たとえば、ノーマルモードでのデフォルトの割り当ては以下のような感じ。 |タグ|文字|注|ノーマルモードでの動作| |-|-|:-:|-|

    Vimで現在割り当てられているショートカットキーの一覧を見る - アインシュタインの電話番号
  • 1