[JS]画像は使用せずに、データをビジュアル化するマップを生成するスクリプト -jVectorMap
Post on:2011年6月8日
HTMLページでデータを視覚化するためのベクターマップを生成するjQueryのプラグインを紹介します。
![デモのキャプチャ](/wp-content/uploads-2011/2011060807.png)
[ad#ad-2]
デモではマウスホバーで国のエリアがハイライトされ、その国名が表示されるようになっています。
ベクターマップの描画にはFirefox3/4, Safari, Chrome, Opera, IE9でSVG、IE6/7/8でVMLを使用します。
下記は、IE6でのキャプチャです。
![デモのキャプチャ](/wp-content/uploads-2011/2011060806.png)
IE6(VML)でのキャプチャ
ベクターマップはJavaScriptとCSSファイルのみで作成しており、スクリプトのオプションでさまざまなビジュアルを作成することができます。
![デモのキャプチャ](/wp-content/uploads-2011/2011060808.png)
データビジュアライゼーションのデモ
マップは世界地図だけでなく、アメリカ、ドイツのものも用意されています。
![デモのキャプチャ](/wp-content/uploads-2011/2011060809.png)
アメリカのマップ
[ad#ad-2]
sponsors