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 Feb 3rd 2016

Vaadin Charts 2.1.3 is the latest stable release but we have also reached 3.0.0-alpha9. See release notes. One of the biggest additions in 3.x is the declarative API. Please see examples on how to use it in different environments and technologies:

There are new things in the Java API too. See demo and download Vaadin Charts 3.x 


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 examples

Column with negatives


Spline with plot bands

Wind rose

Check out the rest 80 beautiful chart samples in our demo gallery.