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


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


Donut and Pie


Pie with gradient

Pie with legend


Area spline

Area with missing points

Area with negatives

Basic Area

Percentage area

Stacked area

Inverted axes



Basic line

Logarithmic Axis


Spline with symbols

Spline with plot bands

Spline inverted axis

Spline irregular intervals

Time series

Color threshold


Column, line & pie

Dual charts

Scatter with regression

Multiple axes


Vaadin Timeline

Area range


Column range

Wind rose



VU Meter

Angular gauge

Gauge with dual axes


Data from Container


Box plot