Advanced Maps

Dataviz example with jQuery Mapael

Select a year

Show/hide with map legends

Loading.....
Loading.....
Loading.....

Trigger an 'update' event for refreshing elements

Loading.....

Same class, but not updated

Loading.....

Map with links between the plotted cities

Loading.....

Map with multiple plotted cities legends that handle different criteria

Loading.....
Loading.....
Loading.....

Use 'zoom.init' option in order to set an initial zoom level on a specific position

Loading.....

Use the 'eventHandlers' option and the 'update' event for refreshing areas when the user click on them

Loading.....

Trigger an 'update' event for refreshing elements

Loading.....

Map with range selection for areas

Loading.....
Loading.....

Map with range selection for plotted cities

Loading.....
Loading.....

Dragula

Loading.....
Loading.....
Loading.....

Use the 'eventHandlers' option to display information about plotted cities in a div on mouseover

Move your cursor over the plots on the map in order to show information in this div.
Loading.....

Map with some updates on links performed

Loading.....

Use 'zoom' event in order to zoom on specific areas of the map

Loading.....

Map focused on specific area

Loading.....
Loading.....

Zoom on click

Loading.....
Loading.....

Use 'zoom' event in order to zoom on specific areas of the map

Loading.....

Map with some transformations performed on SVG plotted points

Loading.....
Loading.....