Close

Entries with tag polymer .

Adding charts to Polymer 2 apps

We’re happy to announce the release of Vaadin Charts 5 with support for Polymer 2! Vaadin Charts offers a range of custom elements for data visualization, from simple column charts to complex combinations of more than one type of chart.

Powerful features and a powerful API

Although this is a new major version of the Charts element, the API didn’t change. We are offering the same powerful features as before, with the same API.

To use Vaadin Charts, all you need to do is to import it and add the web component to your page. Here’s a simple sample of how to use vaadin-charts. You can configure the chart declaratively, and then feed the data to the data property e.g. by using iron-ajax.

<vaadin-line-chart id="mychart">
  <chart-title>Average temperatures in Turku, Finland</chart-title>
  <subtitle>1961 - 2016</subtitle>
  <x-axis>
    <chart-title>Year</chart-title>
  </x-axis>
  <y-axis max="30" min="0">
    <chart-title>Temperature (℃)</chart-title>
  </y-axis>
  </vaadin-line-chart>

And as you can see from the screenshot below, it couldn’t be much simpler to add a chart to your Polymer 2 based web app.

The Charts element is using Polymer 2 and ES6. And if you need to support IE11 and Safari 9, your code needs to be transpiled to ES5.

Try out the latest version now

P.S. In case you’re attending Polymer Summit in Copenhagen next week, join the Vaadin pre-summit to see charts and all other Vaadin Elements.

New Vaadin element for building stunning dashboards released

As hinted earlier, today the Vaadin Pro team is happy to introduce Vaadin Board. It is an element for creating flexible responsive layouts very easily. No need to hassle with CSS, you just write plain declarative code.

Vaadin Board can be used to create dashboards, intro screens, image galleries or just to build application layouts, so they will look great on different devices. The main concept when designing the component was our motto: Fight For Simplicity. We were aiming for a very easy API and responsiveness working out of the box, where you divide your application into rows, and then fill rows with components. Rows may also include inner rows that allows you to create very customizable layouts easily.

Vaadin Board 1.0 release introduces a Web Components API. We are currently working on the Java API that brings these goodies for our fellow framework users. Java API release is expected to come out in June. Vaadin Board is commercially licensed and is available in both Pro and Prime subscriptions.

We will be happy to react to your feedback and plan our further development based on your comments and proposals. So please try it out and get back to us in the comments below. Also, we are happy to give out free licenses for first 20 that are willing to have a quick feedback call over Skype. If you wish to do so, just inform us via protools@vaadin.com. Update Jul 6: this campaign has ended, thank you everybody that took part. 

Learn more and give it a try!

JavaScript datagrid comparison

Data grids are some of the most commonly used components in business apps. But at the same time they are some of the most complex components to implement well. There are many aspects that the component needs to get right – customizability, performance, usability, accessibility, and cross-platform support.

 

After recently releasing Vaadin Grid 2, we wanted to see how it stacks up against other JavaScript grids out there. We selected four grids that are all framework agnostic – that is, they can be used together with any framework. The grids we selected for comparison are Vaadin Grid, bwt-datatable, ag-Grid, and the classic jQuery DataTables.

  Testing JavaScript grid perfomance with Chrome DevTools

So whether you're looking for a grid for your upcoming Polymer project, or are looking for the best alternative to jQuery DataTables, head on over to the comparison and see how they compare.

  Read the data grid comparison
— 3 Items per Page
Showing 1 - 3 of 10 results.