[JS]画像は使用せずに、データをビジュアル化するマップを生成するスクリプト -jVectorMap

Post on:2011年6月8日

sponsors

HTMLページでデータを視覚化するためのベクターマップを生成するjQueryのプラグインを紹介します。

[ad#ad-2]

デモではマウスホバーで国のエリアがハイライトされ、その国名が表示されるようになっています。

ベクターマップの描画にはFirefox3/4, Safari, Chrome, Opera, IE9でSVG、IE6/7/8でVMLを使用します。
下記は、IE6でのキャプチャです。

IE6（VML）でのキャプチャ

ベクターマップはJavaScriptとCSSファイルのみで作成しており、スクリプトのオプションでさまざまなビジュアルを作成することができます。

データビジュアライゼーションのデモ

マップは世界地図だけでなく、アメリカ、ドイツのものも用意されています。

アメリカのマップ

[ad#ad-2]