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

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

デモのキャプチャ

jVectorMap
デモ

[ad#ad-2]

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

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

デモのキャプチャ

IE6(VML)でのキャプチャ

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

デモのキャプチャ

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

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

デモのキャプチャ

アメリカのマップ

[ad#ad-2]

sponsors

top of page

©2018 coliss