Your Next Great Data Visualization App Starts Here
HTML5-Java Script 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.

Supported Platforms and Browsers
Supported IDE
Mobile Platforms
Desktop Browsers
Mobile OS
Integrated Browsers

Visual Studio
2015

Android 4+

IE 9+

MS Edge

Android 4+

Visual Studio
2013

iOS 5+

Safari

iOS 5+

Visual Studio
2012

Windows 8+

FireFox

Windows Phone 8 / Windows 10 Mobile

Visual Studio
2010

Windows Phone 8 / Windows 10 Mobile

Chrome

Opera
Mobile Development
Optimized HTML 5 JavaScript SPA Framework
Web Development
High Performance HTML 5 JavaScript Widgets