GeoChart UI widget

Webix GeoChart widget is a solution for integrating Google GeoChart into apps built with Webix. GeoChart is good for creating interactive area maps for showing data related to geography. It is a suitable widget for reports and educational apps.

live demo

  • Integration: jQuery, Angular, React, Vue.js, Backbone
  • Cross-browser Support (IE8+)
  • Works on Touch Devices
  • Meets Section 508
  • Quick styling with CSS


Webix GeoChart is a visual data component for creating area maps with geo-related data. With this widgets you get all the visual features of Google GeoChart. In addition, you can load and template its data in a convenient Webix way.

Easy configuring and styling

You can easily access all Google GeoСhart settings via this widget. For example, you can define the display mode, a specific map area to show and a chart legend. You can also paint you GeoChart in your favourite color scheme.

Data loading

You can load your data into GeoChart in any format supported by Webix (e.g. JSON, XML, CSV) and the widget will automatically convert it to the format expected by Google GeoChart.

Operations with Data items

You can add, update and delete data items in GeoChart like in any other Webix data widget. You can also filter the items to display only the relevant data set.

Click on the radio buttons to filter the data. Use the form below the GeoChart to update its data.