css-piechart | Vaadin

A Polymer-element for drawing a Piechart using CSS3 and DOM

[ This description is mirrored from README.md at github.com/timeu/css-piechart on 2019-05-22 ]

Build Status Published on webcomponents.org


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

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 css-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="../css-piechart/css-piechart.html">
  1. Start using it!
<css-piechart size="250" data="[10,20,50,20]"></css-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/css-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