Vaadin Charts

A comprehensive library of visualization components that makes adding an animated, interactive chart to your Vaadin application a breeze.

Vaadin Charts provides the highest quality user experience both on desktop and mobile browsers for Vaadin 6 and 7.

Demo Download

 
What's new ?
Vaadin Charts update  February 12, 2014
Maintenance update 1.1.5 for Vaadin Charts is available Download now »

Supported browsers: Chrome, Internet Explorer, Firefox, Safari, Opera, Android, iOS

Main features
  • Vector graphics

    Based on SVG and VML-technologies that render your charts razor sharp in everything from Internet Explorer 7 to latest Retina iPad and even printed. You really can see the difference.

  • Server-side API

    Makes visualization as simple as Vaadin. Program with clean Java API – the chart shows your data on browser without you worrying about how to send the data back and forth.

  • Touch support

    Supports any smartphone or tablet supported by Vaadin 7. Optimized for both mouse and touch displays. This makes Vaadin Charts a perfect match with Vaadin TouchKit.

  • Dynamic data

    Data is automatically loaded from the server on demand. After loading, you can change data on the server at any time - the visualization just updates with an animation.

  • Multiple axes

    Compare different variables by assigning a different X or Y-axis for each series. All options can be set independently for each series.

  • Zooming

    Charts allow zooming both over X and Y-axis to easily allow users to dive into the details of your data. The special timeline chart supports lazy loading from a massive time-based dataset while zooming.

  • Drill down

    You can listen to user click events for every part of the charts or show additional information on what is under the mouse cursor. Build drill down functionality specific to your application easily right from within the visualization.

  • Smart time

    Intelligent handling of time axis. The placement of the tick-marks is automatically optimized to mark the start of the month or the week, midnight and midday, or every full hour to make your data more readable.

  • Branding

    Choose one of the included beautiful chart themes or build a custom theme matched to your company branding. Add a bit of wow to your application with the animated visualizations.

Chart types

Column

Basic column

Basic bar

Stacked bar

Stacked column

Column with negatives

Bar stack with negatives

Column with labels

Stacked percentages

Column with drill down

Dual axes

Stacked & grouped

Error Bar

Waterfall

Donut and Pie

Donut

Pie with gradient

Pie with legend

Area

Area spline

Area with missing points

Area with negatives

Basic Area

Percentage area

Stacked area

Inverted axes

Funnel

Line

Basic line

Logarithmic Axis

Spline

Spline with symbols

Spline with plot bands

Spline inverted axis

Spline irregular intervals

Time series

Color threshold

Combinations

Column, line & pie

Dual charts

Scatter with regression

Multiple axes

Other

Vaadin Timeline

Area range

Clock

Column range

Wind rose

Polar

Spiderweb

VU Meter

Angular gauge

Gauge with dual axes

Master–detail

Data from Container

Bubble

Box plot