Visualizing Data Over Maps With JavaScript: DataMaps

DataMaps is a script to display any data interactively and beautifully inside maps.

It comes with ready-to-use maps for world map with countries, USA with states and a combined one.

The map data is stored as JSON and any custom maps can be created by following the structure.


DataMaps makes use of D3, Backbone + Underscore and comes as a jQuery plugin (or a as a standalone Backbone view).

When browsing through the maps, the hovered or clicked parts can be highlighted and be set to display custom information.

Also, it has support for visualizing data as bubbles in different sizes to show the effect of the data over a region.