Scalable Geographical map visualization for the web

WorldMap.js is a javascript library based on D3.js to visualize json data or spreadsheets on a map by plotting graphs, markers, text, images, arcs and bubbles. It also has some basic GIS functionality such as loading and drawing objects in Geojson format.

The library is fully customisable allowing you to set almost all the styles of the map. You can customize the map style, the objects on the map and the animations by setting custom values into the Worldmap object. You can also choose which data you want to display by selecting specific columns or attributes in the table panel.

You can choose from more than 26 projections and 30 countries, and select your data sources form a csv and json file a javascript variable or a table.

DOWNLOADS & INSTALLATION

To use the library and the plugins you will need to load the stylesheet file and the javascript file into your website or computer. You will also have to load the following dependencies (or you can download them in the zip above and manually add them).

For a correct load, you should put the javascript file right before the body tag and the WorldMap object.

WorldMap.js data input formats.

Check bellow for the data input formats. They only apply for the javascript input options. Data load from the table created (csv or json) doesn't require any formatting, just to select the appropriate column.

When specifying a country the codes can be, name, 2 letter code, 3 letter code and numeric.