svg-piechart | Vaadin

A Polymer-element for drawing a Piechart using SVG

[ This description is mirrored from at on 2019-05-22 ]

Build Status Published on


A web-component to draw a piechart using Polymer and SVG.

This branch (master) works only with Polymer 2.x. For a Polymer 1.x version check out the 1.x branch

Versions (Polymer 2.x vs Polymer 1.x)

The master branch and all 2.x.x releases require Polymer 2.x. For Polymer 1.x support use 1.x.x releases and the 1.x branch.


Check it live.


Install the component using Bower:

$ bower install --save svg-piechart

Or download as ZIP.


  1. Import Web Components' polyfill:
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
  1. Import Custom Element:
<link rel="import" href="../svg-piechart/svg-piechart.html">
  1. Start using it!
<svg-piechart size="250" data="[10,20,50,20]"></svg-piechart>


  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D


Check Release list.


MIT License © Ümit Seren


Link to this version
ImportedReleased 25 May 2017MIT License
Framework Support
Polymer 2.0+
Also supported:
Polymer 1 (1.1.0)
Browser Compatibility
Install with
bower install --save timeu/svg-piechart"#2.0.0"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.0.0


  • polymer#Polymer/polymer#^2.0.0