How to implement html chart in vaadin?
<p>I have used this code in vaadin html file. But output is nothing.</p>

<p>Code refrence: <a href="https://vaadin.com/charts-for-polymer" rel="nofollow">https://vaadin.com/charts-for-polymer</a></p>

<p>Please let me know how to correct and implement in my vaadin design.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;head&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.7.21/webcomponents-lite.min.js"&gt;&lt;/script&gt;
&lt;link rel="import" href="https://cdn.vaadin.com/vaadin-charts/3.0.0-alpha9/vaadin-

charts.html"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;template is="dom-bind" id="app"&gt;
  &lt;vaadin-pie-chart id="pie-with-legend"&gt;
    &lt;title&gt;Revenue by industry&lt;/title&gt;
    &lt;subtitle&gt;2015&lt;/subtitle&gt;
    &lt;tooltip point-format="&lt;b&gt;{point.percentage:.1f}%&lt;/b&gt;"&gt;
    &lt;/tooltip&gt;
    &lt;plot-options&gt;
      &lt;pie allow-point-select="true" show-in-legend="true"cursor="pointer"&gt;
        &lt;data-labels enabled="true"format="{point.name}: {point.y:.1f} M€"&gt;&lt;/data-labels&gt;
      &lt;/pie&gt;
    &lt;/plot-options&gt;
    &lt;data-series name="Revenue" data="[[seriesData]]"&gt;&lt;/data-series&gt;
  &lt;/vaadin-pie-chart&gt;
  &lt;my-data-source data="{{seriesData}}"&gt;&lt;/my-data-source&gt;
&lt;/template&gt;
&lt;dom-module id="my-data-source"&gt;
  &lt;script&gt;
    Polymer({
      is: "my-data-source",
      properties: {
        data: {
          type: Array,
          notify: true,
          value: [
            ["Aerospace", 53.0],
            ["Medical", 53.6],
            ["Agriculture", 25.6],
            ["Automotive", 17.0],
            ["Consumers", 12.4],
            ["Subsidies", 1.4]]
        }
    }});
  &lt;/script&gt;
&lt;/dom-module&gt;
&lt;/body&gt;
&lt;/html&gt;        
</code></pre>