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 December 19, 2014

Vaadin Charts 2 is here. Check out new 3D, heatmap and pyramid charts. Try it now »


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

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

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