Your Next Great Data Visualization App Starts Here HTML5-JavaScript Chart, Map, Gauge and Range Controls

HTML5-Java Script Chart, Map, Gauge and Range Controls

From next-gen websites, to those targeting mobile devices, DevExtreme ships with a fully integrated collection of
high-performance data visualization widgets for all your business intelligence needs.

Everything You'll Need

DevExtreme data visualization widgets allow you to transform data to its most appropriate, concise, and readable visual representation. All chart, gauge and range selector widgets can be composed into beautiful, informative dashboards that effectively convey information at a single glance. And as you might expect, the Widgets that ship as part of DevExtreme Web Edition can easily be themed and styled to address any UI requirement.

30 Chart Series Types

Chart Chart

Combine different series types and display them across different panes within the same display.

Pie Chart Pie Chart

Compare percentage values of different point arguments in a series.

Polar Chart Polar Chart

Use to compare different characteristics or display values across cyclically repeating arguments.

3 Gauge Types

Circular Circular

Allows you to display a value and multiple sub-values within either an open-ended or closed circular gauge.

Linear Linear

Displays a specified value and sub-values within a linear gauge. Can be oriented horizontally and vertically.

Bar Bar

Displays multiple values as a set of bars. Each bar is accompanied by a label displaying the indicated value.

Vector Maps

The DevExtreme Vector Map Widget provides an interactive map that you can customize by using different data sources. Indicate special places on your map using a set of markers. Customize areas and markers to your own requirements. This widget ships with a client API that allows you to handle hovering, clicking and selection for areas and markers.

Interactive JavaScript Range Selector Widget

The Range Selector Widget allows you to specify a range using either date/time or numeric scales. To simplify its use,
scale type is auto-generated based on your data source. Options include the ability to display major and minor tick marks,
display background colors, images or even a chart. Extended end-user interactions include ability to move sliders by mouse or touch and to bind the Range Selector to a chart for scrolling and zooming operations.

4 Sparkline Types

A Sparkline is a compact single series chart and allows you to present information in the form of lines, bars and areas within confined regions of your site or individual data grid cells.

Standard Sparklines
Standard Sparklines
Area Sparklines
Area Sparklines
Bar Sparklines
Bar Sparklines
Win-Loss Sparklines
Win-Loss Sparklines

Flexible Binding Options

Each DevExtreme widget includes a jQuery plugin and bindings to AngularJS and KnockoutJS.
You can choose whether to create a widget via the standard jQuery method or use the declarative bindings
and support for MVVM by creating the widget for AngularJS or KnockoutJS. Regardless of the approach you choose,
you create and initialize the widget once, passing an object with specified configuration options.

Flexible Binding Options: AngularJS Knockout jQuery

Supported Platforms and Browsers

Supported IDE

Mobile Platforms

Desktop Browsers

Mobile OS
Integrated Browsers

Visual Studio 2015

Visual Studio
2015

Android 4+

Android 4+

IE 9+

IE 9+

MS Edge

MS Edge

Android 4+

Android 4+

Visual Studio 2013

Visual Studio
2013

iOS 6+

iOS 6+

Safari

Safari

iOS 5+

iOS 5+

Visual Studio 2012

Visual Studio
2012

Windows 8+

Windows 8+

FireFox

FireFox

Windows Phone 8 / Windows 10 Mobile

Windows Phone 8 / Windows 10 Mobile

Visual Studio 2010

Visual Studio
2010

Windows Phone 8 / Windows 10 Mobile

Windows Phone 8 / Windows 10 Mobile

Chrome

Chrome

Opera

Opera

Web Development
High Performance HTML5 JavaScript Widgets
Mobile Development
Optimized HTML5 JavaScript SPA Framework