Directory

← Back

css-piechart

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

Author

Rating

Popularity

<100

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

Build Status Published on webcomponents.org

<css-piechart>

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.

Demo

Check it live.

Install

Install the component using Bower:

$ bower install --save css-piechart

Or download as ZIP.

Usage

  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>

Contributing

  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

History

Check Release list.

License

MIT License © Ümit Seren

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer#Polymer/polymer#^2.0.0
Released
2017-05-25
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 1.1.0
Browser
Browser Independent

css-piechart - Vaadin Add-on Directory

A Polymer-element for drawing a Piechart using CSS3 and DOM css-piechart - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/timeu/css-piechart](https://github.com//timeu/css-piechart/blob/v2.0.0/README.md) on 2019-05-22 ]** [![Build Status](https://travis-ci.org/timeu/css-piechart.svg?branch=master)](https://travis-ci.org/timeu/css-piechart) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/timeu/css-piechart) # <css-piechart> > 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](https://github.com/timeu/css-piechart/tree/1.x). ## Demo > [Check it live](https://www.webcomponents.org/element/timeu/css-piechart). ## Install Install the component using [Bower](http://bower.io/): ```sh $ bower install --save css-piechart ``` Or [download as ZIP](https://github.com/timeu/css-piechart/archive/master.zip). ## Usage 1. Import Web Components' polyfill: ```html ``` 2. Import Custom Element: ```html ``` 3. Start using it! ```html ``` ## Contributing 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 ## History Check [Release](https://github.com/timeu/css-piechart/releases) list. ## License [MIT License](http://timeu.mit-license.org/) © Ümit Seren
Online