About Highmaps JS

Add interactive, mobile-optimized charts and maps to your web and mobile projects.

Highmaps is based on Highcharts, an SVG-based, multi-platform charting library that has been actively developed since 2009. It makes it easy to add interactive, mobile-optimized charts and maps to your web and mobile projects.

Highmaps offers a standards-based way for generating schematic maps in web based projects. It extends the user-friendly Highcharts JavaScript API and allows web developers to build interactive maps to display sales, election results or any other information linked to geography.

Highmaps Features:

Backend-agnostic

All the charting libraries work with any back-end database or server stack. Data can be given in any form, including CSV, JSON or loaded and updated live.

Wrappers for most popular languages, such as .Net, PHP, Python, R, and Java, as well as iOS, are available from Highcharts or their community.

Extensive Map Collection

For your convenience, Highsoft provides a collection of hundreds of maps, all optimized for fast download and rendering with Highmaps.

Create your own maps

In essence, maps are just shapes defined by SVG. It is therefore easy to create custom maps, such as this regular map of a made-up place, or this irregular map of a real place.

Responsive across devices

Default responsiveness goes beyond fitting the chart to the dimensions of its container, but automatically finds an optimal placement for non-graph elements such as legends and headings.

Touch optimized

Touch-optimized charts allow for a native experience on mobile and touch screens. Single touch-drag for data inspection, multi-touch for zooming, and more.

Color Axis

For full control over the color layout of the Highmaps choropleth maps, a separate color axis is displayed inside the legend. It inherits most features from scalar axes in order to provide common options like min, max, logarithic scale and more.

Export & Print

With the exporting module enabled, your users can export the chart to PNG, JPG, PDF or SVG format at the click of a button, or print the chart directly from the web page.

Flexible styling

The elegant charts render crisp and clear at any resolution and are easily styled via JavaScript or CSS.

Intuitive navigation & drilldown

Highmaps features all common ways of navigating, like plus/minus buttons, doubleclick to zoom, mousewheel zooming, multitouch and panning.

The drilldown module ensures smooth interaction between map areas on one layer, which zoom into a full map on the underlying layer.

Options are optional

In most cases, charts look and behave exactly as you need without any modifications. For anything else, a simple options-structure allows for deep customization. Highcharts is also extendable and pluggable for experts seeking advanced animations and functionality.

Dynamic

Numerous events supply hooks for programming against the charts, making it easy to demonstrate complex relationships between data with live, dynamic updates of data and customizable animations.

Data can be handed over to Highcharts in any form, even from a different site, and a callback function used to parse the data into an array.